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
@@ -30,6 +30,7 @@ import {
import { Accordion } from '/@/shared/components/accordion/accordion';
import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
import { Group } from '/@/shared/components/group/group';
import { ImageUnloader } from '/@/shared/components/image/image';
import { ScrollArea } from '/@/shared/components/scroll-area/scroll-area';
import { Text } from '/@/shared/components/text/text';
import { Tooltip } from '/@/shared/components/tooltip/tooltip';
@@ -190,11 +191,15 @@ export const Sidebar = () => {
})}
openDelay={500}
>
<img
className={styles.sidebarImage}
loading="eager"
src={upsizedImageUrl || undefined}
/>
{upsizedImageUrl ? (
<img
className={styles.sidebarImage}
loading="eager"
src={upsizedImageUrl}
/>
) : (
<ImageUnloader />
)}
</Tooltip>
<ActionIcon
icon="arrowDownS"