💄 Add conditional rendering for image

2025-11-10 15:35:55 +01:00 · 2023-03-07 19:52:56 +01:00
parent 749f492034
commit 13999e44eb
1 changed files with 11 additions and 9 deletions
--- a/src/widgets/rss/RssWidgetTile.tsx
+++ b/src/widgets/rss/RssWidgetTile.tsx
@@ -137,15 +137,17 @@ function RssTile({ widget }: RssTileProps) {
              )}

              <Flex gap="xs">
-                <MediaQuery query="(max-width: 1200px)" styles={{ display: 'none' }}>
-                  <Image
-                    src={item.enclosure?.url ?? undefined}
-                    width={140}
-                    height={140}
-                    radius="md"
-                    withPlaceholder
-                  />
-                </MediaQuery>
+                {item.enclosure && (
+                  <MediaQuery query="(max-width: 1200px)" styles={{ display: 'none' }}>
+                    <Image
+                      src={item.enclosure?.url ?? undefined}
+                      width={140}
+                      height={140}
+                      radius="md"
+                      withPlaceholder
+                    />
+                  </MediaQuery>
+                )}
                <Flex gap={2} direction="column">
                  {item.categories && (
                    <Flex gap="xs" wrap="wrap" h={20} style={{ overflow: 'hidden' }}>