From b0e58c74dc6691bd7003a1864795659094e062a4 Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Sun, 19 Jun 2022 21:48:46 +0200
Subject: [PATCH] create custom re-usable image

---
 src/renderer/components/shared/bsm-image.component.tsx | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 src/renderer/components/shared/bsm-image.component.tsx

diff --git a/src/renderer/components/shared/bsm-image.component.tsx b/src/renderer/components/shared/bsm-image.component.tsx
new file mode 100644
index 00000000..f0658d58
--- /dev/null
+++ b/src/renderer/components/shared/bsm-image.component.tsx
@@ -0,0 +1,6 @@
+export function BsmImage({className, image, errorImage, loading}: {className?: string, image: string, errorImage?: string, loading?: "lazy"|"eager"}) {
+
+  return (
+    <img className={className} src={image} loading={loading} onError={({currentTarget}) => { currentTarget.onerror = null; currentTarget.src = errorImage ? errorImage : "" }}/>
+  )
+}