Update SearchResultsHeader.tsx

navapbc · Aug 6, 2024 · 711c24c · 711c24c
1 parent 57f9c81
commit 711c24c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/src/components/search/.SearchResultsHeader.tsx.swp b/frontend/src/components/search/.SearchResultsHeader.tsx.swp
diff --git a/frontend/src/components/search/SearchResultsHeader.tsx b/frontend/src/components/search/SearchResultsHeader.tsx
@@ -16,11 +16,12 @@ export default function SearchResultsHeader({
 }) {
   const { totalResults } = useContext(QueryContext);
   const total = totalFetchedResults || totalResults;
+  const gridRowClasses = ["tablet-lg:grid-col-fill", "margin-top-5", "tablet-lg:margin-top-2", "tablet-lg:margin-bottom-0"]
+  if (loading) gridRowClasses.push("opacity-50");
   return (
     <div className="grid-row">
       <h2
-        className="tablet-lg:grid-col-fill margin-top-5 tablet-lg:margin-top-2 tablet-lg:margin-bottom-0"
-        style={{ opacity: loading ? 0.5 : 1 }}
+        className={gridRowClasses.join(" ")}
       >
         {total && <>{total} Opportunities</>}
       </h2>