💄 Add conditional rendering for image

Ambushfall · Mar 7, 2023 · 13999e4 · 13999e4
1 parent 749f492
commit 13999e4
Showing 1 changed file with 11 additions and 9 deletions.
diff --git 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' }}>