From 8826adad24db86308aa3c199719d8074870d504c Mon Sep 17 00:00:00 2001
From: chainchompa <chainchompa@gmail.com>
Date: Tue, 9 Jul 2024 14:52:03 -0400
Subject: [PATCH] filter out uncategorized when not included in search

---
 .../components/Boards/BoardsList/BoardsList.tsx       |  2 +-
 .../components/Boards/BoardsList/NoBoardBoard.tsx     | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
index f3aa7e788f..7b572bd9ec 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
@@ -83,7 +83,7 @@ const BoardsList = (props: Props) => {
                   options={overlayScrollbarsParams.options}
                 >
                   <Flex direction="column" maxH={346} gap={1}>
-                    {allowPrivateBoards && <NoBoardBoard isSelected={selectedBoardId === 'none'} />}
+                    <NoBoardBoard isSelected={selectedBoardId === 'none'} />
                     {filteredPrivateBoards.map((board) => (
                       <GalleryBoard
                         board={board}
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
index fb47bf5810..6c051cd42d 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
@@ -29,6 +29,7 @@ const NoBoardBoard = memo(({ isSelected }: Props) => {
   });
   const autoAddBoardId = useAppSelector((s) => s.gallery.autoAddBoardId);
   const autoAssignBoardOnClick = useAppSelector((s) => s.gallery.autoAssignBoardOnClick);
+  const boardSearchText = useAppSelector((s) => s.gallery.boardSearchText);
   const boardName = useBoardName('none');
   const handleSelectBoard = useCallback(() => {
     dispatch(boardIdSelected({ boardId: 'none' }));
@@ -44,7 +45,17 @@ const NoBoardBoard = memo(({ isSelected }: Props) => {
     }),
     []
   );
+
+  const filteredOut = useMemo(() => {
+    return boardSearchText ? !boardName.toLowerCase().includes(boardSearchText.toLowerCase()) : false;
+  }, [boardName, boardSearchText]);
+
   const { t } = useTranslation();
+
+  if (filteredOut) {
+    return null;
+  }
+
   return (
     <NoBoardBoardContextMenu>
       {(ref) => (