Extract the subtitle for filter tags

codeforboston · Dec 29, 2024 · cd6b761 · cd6b761
1 parent 3fd6bdb
commit cd6b761
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 4 deletions.
diff --git a/components/search/HierarchicalMenuWidget.tsx b/components/search/HierarchicalMenuWidget.tsx
@@ -55,7 +55,7 @@ export const connectMultiselectHierarchicalMenu: MultiselectHierarchicalMenuConn
   (renderFn, unmountFn = () => {}) => {
     return widgetParams => {
       const { attributes, separator } = widgetParams
-
+      console.log(attributes)
       // Store information that needs to be shared across multiple method calls.
       const connectorState: MultiselectHierarchicalMenuState = {
         levels: [],
@@ -69,7 +69,7 @@ export const connectMultiselectHierarchicalMenu: MultiselectHierarchicalMenuConn
           if (!results) return { levels: [], widgetParams }
 
           // Get the last refinement.
-          const lastRefinement = results.getRefinements().pop()?.attributeName
+          // const lastRefinement = results.getRefinements().pop()?.attributeName
 
           // Merge the results items with the initial ones.
           const getItems = (
@@ -95,8 +95,8 @@ export const connectMultiselectHierarchicalMenu: MultiselectHierarchicalMenuConn
                   }))
                 : []
 
-            if (lastRefinement && !attributes.includes(lastRefinement))
-              return resultsItems
+            // if (lastRefinement && !attributes.includes(lastRefinement))
+            //   return resultsItems
 
             const level = connectorState.levels.find(
               level => level.attribute === attribute
@@ -131,6 +131,7 @@ export const connectMultiselectHierarchicalMenu: MultiselectHierarchicalMenuConn
                   )
                     helper.clearRefinements(attr)
                 }
+
                 const refinement = helper
                   .getRefinements(attribute)
                   .find(ref => ref.value === value)

diff --git a/components/search/bills/BillSearch.tsx b/components/search/bills/BillSearch.tsx
@@ -31,6 +31,31 @@ const searchClient = new TypesenseInstantSearchAdapter({
   }
 }).searchClient
 
+const extractLastSegmentOfRefinements = (items: any[]) => {
+  return items.map(item => {
+    console.log(item)
+    if (item.label != "topics.lvl1") return item
+    const newRefinements = item.refinements.map(
+      (refinement: { label: string }) => {
+        // Split the label to extract the last part of the hierarchy
+        const lastPartOfLabel = refinement.label.split(" > ").pop()
+
+        return {
+          ...refinement,
+          // Update label to only show the last part
+          label: lastPartOfLabel
+        }
+      }
+    )
+
+    return {
+      ...item,
+      label: "Tags",
+      refinements: newRefinements
+    }
+  })
+}
+
 export const BillSearch = () => {
   const items = useBillSort()
   const initialSortByValue = items[0].value
@@ -99,6 +124,7 @@ const Layout: FC<
           <CurrentRefinements
             className="mt-2 mb-2"
             excludedAttributes={["nextHearingAt"]}
+            transformItems={extractLastSegmentOfRefinements}
           />
           {status === "empty" ? (
             <NoResults>