add image unloader to sidebar image when no image available

This commit is contained in:
jeffvli
2025-11-24 09:43:10 -08:00
parent 04c2bec58f
commit 1b8afe3134
2 changed files with 13 additions and 8 deletions
+3 -3
View File
@@ -31,7 +31,7 @@ interface ImageUnloaderProps {
className?: string;
}
const FALLBACK_SVG =
export const FALLBACK_SVG =
'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iLjA1IiBkPSJNMCAwaDMwMHYzMDBIMHoiLz48L3N2Zz4=';
export function Image({
@@ -110,7 +110,7 @@ const ImageContainer = forwardRef(
},
);
function ImageLoader({ className }: ImageLoaderProps) {
export function ImageLoader({ className }: ImageLoaderProps) {
return (
<Skeleton
className={clsx(styles.skeleton, styles.loader, className)}
@@ -119,7 +119,7 @@ function ImageLoader({ className }: ImageLoaderProps) {
);
}
function ImageUnloader({ className }: ImageUnloaderProps) {
export function ImageUnloader({ className }: ImageUnloaderProps) {
return (
<div className={clsx(styles.unloader, className)}>
<Icon color="default" icon="emptyImage" size="xl" />