labels - unlabeled filter selection now shows unlabeled rows

growthepie · Jul 21, 2024 · 321155a · 321155a
1 parent a83bd17
commit 321155a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/app/(labels)/labels/Search.tsx b/app/(labels)/labels/Search.tsx
@@ -434,7 +434,7 @@ export default function Search() {
             </div>
           </div>
           <div
-            className={`absolute rounded-t-[22px] md:rounded-b-[22px] bg-[#151A19] left-0 right-0 bottom-[calc(100%-22px)] md:bottom-auto md:top-[calc(100%-22px)] shadow-[0px_0px_50px_0px_#000000] transition-all duration-300 ${isOpen ? "max-h-[600px]" : "max-h-0"
+            className={`absolute rounded-t-[22px] md:rounded-t-none md:rounded-b-[22px] bg-[#151A19] left-0 right-0 bottom-[calc(100%-22px)] md:bottom-auto md:top-[calc(100%-22px)] shadow-[0px_0px_50px_0px_#000000] transition-all duration-300 ${isOpen ? "max-h-[600px]" : "max-h-0"
               } overflow-hidden overflow-y-auto lg:overflow-y-hidden scrollbar-thin scrollbar-thumb-forest-700 scrollbar-track-transparent`}
           >
             <div className="flex flex-col-reverse md:flex-col pl-[12px] pr-[25px] pb-[35px] pt-[15px] md:pb-[15px] md:pt-[35px] gap-y-[10px] text-[10px]">

diff --git a/app/(labels)/labels/page.tsx b/app/(labels)/labels/page.tsx
@@ -361,12 +361,20 @@ export default function LabelsPage() {
         ...labelsFilters.subcategory,
       ];
 
+      let isUnlabeledSelected = labelsFilters.category.includes("unlabeled");
+
       let all_usage_categories = [...new Set(both)];
 
       if (all_usage_categories.length > 0) {
-        rows = rows.filter((label) =>
-          all_usage_categories.includes(label.usage_category),
-        );
+        if (isUnlabeledSelected) {
+          rows = rows.filter((label) =>
+            all_usage_categories.includes(label.usage_category) || label.usage_category === null,
+          );
+        } else {
+          rows = rows.filter((label) =>
+            all_usage_categories.includes(label.usage_category),
+          );
+        }
       }
 
       if (labelsFilters.owner_project.length > 0) {