diff --git a/src/renderer/components/shared/bsm-image.component.tsx b/src/renderer/components/shared/bsm-image.component.tsx index ad0c3ceb..1e6aa242 100644 --- a/src/renderer/components/shared/bsm-image.component.tsx +++ b/src/renderer/components/shared/bsm-image.component.tsx @@ -1,6 +1,8 @@ -export function BsmImage({className, image, errorImage, placeholder, loading}: {className?: string, image: string, errorImage?: string, placeholder?: string, loading?: "lazy"|"eager"}) { +import { CSSProperties } from "react"; + +export function BsmImage({className, image, errorImage, placeholder, loading, style}: {className?: string, image: string, errorImage?: string, placeholder?: string, loading?: "lazy"|"eager", style?: CSSProperties}) { return ( - { currentTarget.onerror = null; currentTarget.src = errorImage ? errorImage : "" }} style={{backgroundImage: `url(${placeholder})`, backgroundSize: "cover"}}/> + { currentTarget.onerror = null; currentTarget.src = errorImage || "" }} style={{...style, backgroundImage: `url(${placeholder})`, backgroundSize: "cover"}} alt=""/> ) } diff --git a/src/renderer/components/slideshow/slideshow.component.tsx b/src/renderer/components/slideshow/slideshow.component.tsx index 37d44681..0aa4169c 100644 --- a/src/renderer/components/slideshow/slideshow.component.tsx +++ b/src/renderer/components/slideshow/slideshow.component.tsx @@ -1,10 +1,11 @@ +import { BsmImage } from '../shared/bsm-image.component'; import './slideshow.component.css'; export function Slideshow(props: {className: string, images: string[]}) { return (
{ - props.images.map((i, index) => ) + props.images.map((i, index) => ) }
)