@local-civics/hub-ui 0.1.178 → 0.1.180

package/dist/index.mjs

@@ -5568,13 +5568,25 @@ const PathwayCard = (props) => {
     },
     [props.criteria]
   );
+  const categoryIdByLabel = React.useMemo(
+    () => {
+      var _a2;
+      return Object.entries((_a2 = props.categoryNames) != null ? _a2 : {}).reduce((acc, [id, label]) => {
+        acc[label] = id;
+        return acc;
+      }, {});
+    },
+    [props.categoryNames]
+  );
   const [activeFilters, setActiveFilters] = React.useState(
     () => /* @__PURE__ */ new Set()
   );
   const filteredBadges = activeFilters.size === 0 ? badges : badges.filter(
     (b) => {
       var _a2;
-      return (_a2 = b.categories) == null ? void 0 : _a2.some((c) => activeFilters.has(c));
+      return (_a2 = b.categories) == null ? void 0 : _a2.some(
+        (categoryId) => activeFilters.has(categoryId)
+      );
     }
   );
   const filterClassName = "inline-block px-4 py-2 bg-gray-600 text-white rounded-full cursor-pointer text-sm";
@@ -5615,7 +5627,10 @@ const PathwayCard = (props) => {
       "div",
       {
         key: id,
-        onClick: () => toggleFilter(id),
+        onClick: () => {
+          var _a3;
+          return toggleFilter((_a3 = categoryIdByLabel[label]) != null ? _a3 : id);
+        },
         className: isActive ? `${filterClassName} bg-gray-700` : "inline-block px-4 py-2 rounded-full hover:bg-gray-200 cursor-pointer text-sm"
       },
       label