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 : "" }}/>
+  )
+}