PGOV-314: No vars needed in vars.yml.

src/frontend/components/view--goal-search.tsx

@@ -13,8 +13,8 @@ interface ViewGoalSearch {
 }
 
 export default function GoalsSearchView({ filters, goals, total, description }: ViewGoalSearch) {
-  const [fulltext, setFulltext] = useState(filters[0]?.value ? filters[0].value : "")
-  // const [facets] = useState([...Object.keys(filters[1].options)])
+  const [fulltext, setFulltext] = useState(filters[0].value ? filters[0].value : "")
+  const [facets] = useState([...Object.keys(filters[1].options)])
   const [search, setSearch] = useState(false);
   const [offset, setOffset] = useState(9);
   const [activeTopics, setActiveTopics] = useState([])
@@ -124,31 +124,31 @@ export default function GoalsSearchView({ filters, goals, total, description }:
         setFulltext={setFulltext}
         handleSearch={handleSearch}
       />
-      {/*<ul className="add-list-reset grid-row flex-justify-center margin-bottom-205">*/}
-      {/*  {facets.length ? (*/}
-      {/*    facets.map((topic) => (*/}
-      {/*      <li*/}
-      {/*        className="margin-bottom-05"*/}
-      {/*        key={topic.replace( /\s/g, '')}*/}
-      {/*      >*/}
-      {/*        <ViewGoalSearchFacet*/}
-      {/*          topic={topic}*/}
-      {/*          notDisabledTopics={notDisabledTopics}*/}
-      {/*          activeTopics={activeTopics}*/}
-      {/*          updateTopicFilters={updateTopicFilters}*/}
-      {/*        />*/}
-      {/*      </li>*/}
-      {/*    ))*/}
-      {/*  ) : (*/}
-      {/*    <div className="usa-alert usa-alert--warning usa-alert--slim">*/}
-      {/*      <div className="usa-alert__body">*/}
-      {/*        <p className="usa-alert__text">*/}
-      {/*          No facets found.*/}
-      {/*        </p>*/}
-      {/*      </div>*/}
-      {/*    </div>*/}
-      {/*  )}*/}
-      {/*</ul>*/}
+      <ul className="add-list-reset grid-row flex-justify-center margin-bottom-205">
+        {facets.length ? (
+          facets.map((topic) => (
+            <li
+              className="margin-bottom-05"
+              key={topic.replace( /\s/g, '')}
+            >
+              <ViewGoalSearchFacet
+                topic={topic}
+                notDisabledTopics={notDisabledTopics}
+                activeTopics={activeTopics}
+                updateTopicFilters={updateTopicFilters}
+              />
+            </li>
+          ))
+        ) : (
+          <div className="usa-alert usa-alert--warning usa-alert--slim">
+            <div className="usa-alert__body">
+              <p className="usa-alert__text">
+                No facets found.
+              </p>
+            </div>
+          </div>
+        )}
+      </ul>
       {filteredGoals?.length ? (
         <ul className="usa-card-group">
           {filteredGoals.map((goal) => (