Filter deleted puzzles group to match search string.

See deathandmayhem#2278
jpd236 · Oct 16, 2024 · 64a28e9 · 64a28e9
1 parent c9c507b
commit 64a28e9
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/imports/client/components/PuzzleListPage.tsx b/imports/client/components/PuzzleListPage.tsx
@@ -366,6 +366,7 @@ const PuzzleListView = ({
   const renderList = useCallback(
     (
       retainedPuzzles: PuzzleType[],
+      retainedDeletedPuzzles: PuzzleType[] | undefined,
       solvedOverConstrains: boolean,
       allPuzzlesCount: number,
     ) => {
@@ -468,11 +469,11 @@ const PuzzleListView = ({
             </PuzzleGroupDiv>
           )}
           {listComponent}
-          {deletedPuzzles && deletedPuzzles.length > 0 && (
+          {retainedDeletedPuzzles && retainedDeletedPuzzles.length > 0 && (
             <RelatedPuzzleGroup
               key="deleted"
               huntId={huntId}
-              group={{ puzzles: deletedPuzzles, subgroups: [] }}
+              group={{ puzzles: retainedDeletedPuzzles, subgroups: [] }}
               noSharedTagLabel="Deleted puzzles (operator only)"
               bookmarked={bookmarked}
               allTags={allTags}
@@ -489,7 +490,6 @@ const PuzzleListView = ({
       huntId,
       displayMode,
       allPuzzles,
-      deletedPuzzles,
       allTags,
       canUpdate,
       searchString,
@@ -553,6 +553,8 @@ const PuzzleListView = ({
   const retainedPuzzles = solvedOverConstrains
     ? matchingSearch
     : matchingSearchAndSolved;
+  const retainedDeletedPuzzles =
+    deletedPuzzles && puzzlesMatchingSearchString(deletedPuzzles);
 
   return (
     <div>
@@ -630,7 +632,12 @@ const PuzzleListView = ({
           </InputGroup>
         </SearchFormGroup>
       </ViewControls>
-      {renderList(retainedPuzzles, solvedOverConstrains, allPuzzles.length)}
+      {renderList(
+        retainedPuzzles,
+        retainedDeletedPuzzles,
+        solvedOverConstrains,
+        allPuzzles.length,
+      )}
     </div>
   );
 };