Merge pull request #45 from redstonekasi/develop

moonbase: fix filter bar tag item search
moonlight-mod · May 5, 2024 · c06ae47 · c06ae47
2 parents fee7f46 + fc548e1
commit c06ae47
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/packages/core-extensions/src/moonbase/webpackModules/ui/extensions/filterBar.tsx b/packages/core-extensions/src/moonbase/webpackModules/ui/extensions/filterBar.tsx
@@ -1,4 +1,4 @@
-//import { tagNames } from "./info";
+import { tagNames } from "./info";
 import {
   ArrowsUpDownIconSVG,
   ChevronSmallDownIconSVG,
@@ -48,16 +48,16 @@ const FilterDialogClasses = spacepack.findByCode(
 const FilterBarClasses = spacepack.findByCode("tagsButtonWithCount:")[0]
   .exports;
 
-/*const TagItem = spacepack.findByCode("IncreasedActivityForumTagPill:")[0]
-  .exports.default;*/
+const TagItem = spacepack.findByCode(".FORUM_TAG_A11Y_FILTER_BY_TAG")[0].exports
+  .default;
 
 const ChevronSmallDownIcon = spacepack.findByCode(ChevronSmallDownIconSVG)[0]
   .exports.default;
 const ChevronSmallUpIcon = spacepack.findByCode(ChevronSmallUpIconSVG)[0]
   .exports.default;
 let ArrowsUpDownIcon: React.FunctionComponent;
 
-/*function toggleTag(
+function toggleTag(
   selectedTags: Set<string>,
   setSelectedTags: (tags: Set<string>) => void,
   tag: string
@@ -66,7 +66,7 @@ let ArrowsUpDownIcon: React.FunctionComponent;
   if (newState.has(tag)) newState.delete(tag);
   else newState.add(tag);
   setSelectedTags(newState);
-}*/
+}
 
 function FilterButtonPopout({
   filter,
@@ -179,7 +179,7 @@ function TagButtonPopout({
           </div>
         </div>
       </div>
-      {/*<div className={FilterDialogClasses.tagContainer}>
+      <div className={FilterDialogClasses.tagContainer}>
         {Object.keys(tagNames).map((tag) => (
           <TagItem
             key={tag}
@@ -189,7 +189,7 @@ function TagButtonPopout({
             selected={selectedTags.has(tag)}
           />
         ))}
-      </div>*/}
+      </div>
       <div className={FilterDialogClasses.separator} />
       <Button
         look={Button.Looks.LINK}
@@ -291,7 +291,7 @@ function FilterBar({
         )}
       </Popout>
       <div className={FilterBarClasses.divider} />
-      {/*<div className={FilterBarClasses.tagList}>
+      <div className={FilterBarClasses.tagList}>
         <div ref={tagListInner} className={FilterBarClasses.tagListInner}>
           {Object.keys(tagNames).map((tag) => (
             <TagItem
@@ -303,7 +303,7 @@ function FilterBar({
             />
           ))}
         </div>
-        </div>*/}
+      </div>
       <Popout
         renderPopout={({ setPopoutRef, closePopout }: any) => (
           <TagButtonPopout