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>