feat: no media available tip in picture item

RSSNext · Aug 1, 2024 · 58d9b3b · 58d9b3b
1 parent 0d4c70d
commit 58d9b3b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 13 deletions.
diff --git a/src/renderer/src/modules/entry-column/picture-item.tsx b/src/renderer/src/modules/entry-column/picture-item.tsx
@@ -29,18 +29,26 @@ export function PictureItem({
       translation={translation}
     >
       <div className="relative flex gap-2 overflow-x-auto">
-        <SwipeMedia
-          media={entry.entries.media}
-          className={cn(
-            "aspect-square w-full shrink-0 rounded-md",
-            isActive && "rounded-b-none",
-          )}
-          imgClassName="object-cover"
-          uniqueKey={entryId}
-          onPreview={(media, i) => {
-            previewMedia(media, i)
-          }}
-        />
+        {entry.entries.media ? (
+          <SwipeMedia
+            media={entry.entries.media}
+            className={cn(
+              "aspect-square w-full shrink-0 rounded-md",
+              isActive && "rounded-b-none",
+            )}
+            imgClassName="object-cover"
+            uniqueKey={entryId}
+            onPreview={(media, i) => {
+              previewMedia(media, i)
+            }}
+          />
+        ) : (
+          <div className="center aspect-square w-full flex-col gap-1 bg-muted text-xs text-muted-foreground">
+            <i className="i-mgc-sad-cute-re size-6" />
+            No media available
+          </div>
+        )}
+
       </div>
     </GridItem>
   )

diff --git a/src/renderer/src/modules/entry-column/video-item.tsx b/src/renderer/src/modules/entry-column/video-item.tsx
@@ -117,7 +117,7 @@ export function VideoItem({
               (
                 <div className="center aspect-video w-full flex-col gap-1 bg-muted text-xs text-muted-foreground">
                   <i className="i-mgc-sad-cute-re size-6" />
-                  No video available
+                  No media available
                 </div>
               )}
         </div>