Show the release date when linking movies / Collection view tooltip f…

…ix (#1133) - in the Metadata Linking view don't show "Airdate Unknown" for unlinked episodes - in the Metadata Linking view show the release date for linked movies - in the Collection view show "Edit Group" instead of "Edit Series" in the tooltip if it is a group
ShokoAnime · Nov 4, 2024 · 0fc2cbc · 0fc2cbc
1 parent 624cd28
commit 0fc2cbc
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/src/components/Collection/ListViewItem.tsx b/src/components/Collection/ListViewItem.tsx
@@ -124,7 +124,7 @@ const ListViewItem = ({ groupExtras, isSeries = false, isSidebarOpen, item }: Pr
               <Button
                 className="pointer-events-auto h-fit"
                 onClick={(isSeries || item.Size === 1) ? editSeriesModalCallback : editGroupModalCallback}
-                tooltip="Edit Series"
+                tooltip={(isSeries || item.Size === 1) ? 'Edit Series' : 'Edit Group'}
               >
                 <Icon path={mdiPencilCircleOutline} size="2rem" />
               </Button>

diff --git a/src/components/Collection/PosterViewItem.tsx b/src/components/Collection/PosterViewItem.tsx
@@ -63,7 +63,7 @@ const PosterViewItem = ({ isSeries = false, item }: Props) => {
             <Button
               className="pointer-events-auto h-fit"
               onClick={(isSeries || item.Size === 1) ? editSeriesModalCallback : editGroupModalCallback}
-              tooltip="Edit Series"
+              tooltip={(isSeries || item.Size === 1) ? 'Edit Series' : 'Edit Group'}
             >
               <Icon path={mdiPencilCircleOutline} size="2rem" />
             </Button>

diff --git a/src/components/Collection/Tmdb/EpisodeSelect.tsx b/src/components/Collection/Tmdb/EpisodeSelect.tsx
@@ -109,7 +109,7 @@ const EpisodeSelect = React.memo((props: Props) => {
               data-tooltip-content={tmdbEpisode?.Title ?? ''}
             >
               <div className="line-clamp-1 text-xs font-semibold opacity-65">
-                {tmdbEpisode?.AiredAt ?? 'Airdate Unknown'}
+                {tmdbEpisode?.Title ? tmdbEpisode?.AiredAt ?? 'Airdate Unknown' : ''}
               </div>
               <div className="line-clamp-1">
                 {tmdbEpisode?.Title ?? 'Entry Not Linked'}

diff --git a/src/components/Collection/Tmdb/MovieRow.tsx b/src/components/Collection/Tmdb/MovieRow.tsx
@@ -103,10 +103,19 @@ const MovieRow = React.memo((props: Props) => {
             data-tooltip-id="tooltip"
             data-tooltip-content={lockMovie ? 'This episode is already linked to a different movie!' : ''}
           >
-            <div className={cx('flex gap-x-6', lockMovie && 'opacity-65 pointer-events-none')}>
+            <div className={cx('flex gap-x-6 items-center', lockMovie && 'opacity-65 pointer-events-none')}>
               Movie
-              <div className="line-clamp-1">
-                {tmdbMovie?.Title ?? 'Entry Not Linked'}
+              <div
+                className="flex grow flex-col text-left"
+                data-tooltip-id="tooltip"
+                data-tooltip-content={tmdbMovie?.Title ?? ''}
+              >
+                <div className="line-clamp-1 text-xs font-semibold opacity-65">
+                  {tmdbMovie?.Title ? tmdbMovie?.ReleasedAt ?? 'Airdate Unknown' : ''}
+                </div>
+                <div className="line-clamp-1">
+                  {tmdbMovie?.Title ?? 'Entry Not Linked'}
+                </div>
               </div>
             </div>
             {!lockMovie

diff --git a/src/core/types/api/tmdb.ts b/src/core/types/api/tmdb.ts
@@ -15,6 +15,7 @@ export type TmdbBaseItemType = {
   ID: number;
   Title: string;
   Overview: string;
+  ReleasedAt: string;
 };
 
 export type TmdbMovieType = TmdbBaseItemType;