Misc fixes (#1083)

* Remove dummy search from logs page * Fix loading issue in tmdb episode select * Show backdrop as thumbnail for movies
ShokoAnime · Sep 21, 2024 · 63976fc · 63976fc
1 parent 36158f5
commit 63976fc
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 16 deletions.
diff --git a/src/components/Collection/Tmdb/EpisodeSelect.tsx b/src/components/Collection/Tmdb/EpisodeSelect.tsx
@@ -41,7 +41,7 @@ const EpisodeSelect = React.memo((props: Props) => {
   const [tmdbEpisode, setTmdbEpisode] = useState(initialTmdbEpisode);
 
   useEffect(() => {
-    if (override) {
+    if (override && override !== initialTmdbEpisode?.ID) {
       const episodeOverride = episodes.find(episode => episode.ID === override);
       if (episodeOverride) {
         setTmdbEpisode(episodeOverride);

diff --git a/src/hooks/useEpisodeThumbnail.ts b/src/hooks/useEpisodeThumbnail.ts
@@ -11,10 +11,17 @@ function useEpisodeThumbnail(
 ): ImageType | null {
   const { useThumbnailFallback } = useSettingsQuery().data.WebUI_Settings.collection.image;
   return useMemo(() => {
-    if (episode.Images.Thumbnails.length) return episode.Images.Thumbnails[0];
+    if (episode.Images.Thumbnails.length) {
+      return episode.Images.Thumbnails.find(image => image.Preferred) ?? episode.Images.Thumbnails[0];
+    }
+
+    if (episode.Images.Backdrops.length) {
+      return episode.Images.Backdrops.find(image => image.Preferred) ?? episode.Images.Backdrops[0];
+    }
+
     if (useThumbnailFallback && backdrop) return backdrop;
     return null;
-  }, [episode.Images.Thumbnails, backdrop, useThumbnailFallback]);
+  }, [episode, useThumbnailFallback, backdrop]);
 }
 
 export default useEpisodeThumbnail;
diff --git a/src/pages/logs/LogsPage.tsx b/src/pages/logs/LogsPage.tsx
@@ -1,18 +1,16 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { mdiArrowVerticalLock, mdiLoading, mdiMagnify } from '@mdi/js';
+import { mdiArrowVerticalLock, mdiLoading } from '@mdi/js';
 import { Icon } from '@mdi/react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import cx from 'classnames';
 import { throttle } from 'lodash';
 
 import IconButton from '@/components/Input/IconButton';
-import Input from '@/components/Input/Input';
 import { useLogsQuery } from '@/core/react-query/logs/queries';
 
 const LogsPage = () => {
   const logLines = useLogsQuery().data;
   const [scrollToBottom, setScrollToBottom] = useState(true);
-  const [search, setSearch] = useState('');
 
   const parentRef = React.useRef<HTMLDivElement>(null);
   const rowVirtualizer = useVirtualizer({
@@ -56,17 +54,17 @@ const LogsPage = () => {
       <div className="flex items-center justify-between rounded-lg border border-panel-border bg-panel-background p-6">
         <div className="text-xl font-semibold">Logs</div>
         <div className="flex gap-x-2">
-          <Input
-            id="search"
-            onChange={event => setSearch(event.target.value)}
-            type="text"
-            value={search}
-            placeholder="Search Logs..."
-            startIcon={mdiMagnify}
-            className="w-80"
-            disabled
-          />
           {/* TODO: Disabled until functionality is implemented */}
+          {/* <Input */}
+          {/*   id="search" */}
+          {/*   onChange={event => setSearch(event.target.value)} */}
+          {/*   type="text" */}
+          {/*   value={search} */}
+          {/*   placeholder="Search Logs..." */}
+          {/*   startIcon={mdiMagnify} */}
+          {/*   className="w-80" */}
+          {/*   disabled */}
+          {/* /> */}
           {/* <IconButton icon={mdiFilterOutline} buttonType="secondary" buttonSize="normal" tooltip="Filter"/> */}
           {/* <IconButton icon={mdiCogOutline} buttonType="secondary" buttonSize="normal" tooltip="Settings"/> */}
           <IconButton