fix(header): Display searched filters in header

dataesr · Nov 12, 2024 · 7a69d54 · 7a69d54
1 parent 9714a89
commit 7a69d54
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 13 deletions.
diff --git a/client/src/layout/header.jsx b/client/src/layout/header.jsx
@@ -65,10 +65,10 @@ export default function Header({ isSticky }) {
   }, [searchParams]);
 
   return isSticky ? (
-    <Container fluid as="section" className="filters sticky">
-      <Row verticalAlign="top" className="fr-p-1w">
+    <Container as="section" className="filters sticky" fluid>
+      <Row className="fr-p-1w" verticalAlign="top">
         <Ribbon />
-        <Col xs="2" className="cursor-pointer" offsetXs="1">
+        <Col className="cursor-pointer" offsetXs="1" xs="2">
           <Title as="h1" look="h6" className="fr-m-0">
             {VITE_APP_NAME}
             {VITE_HEADER_TAG && (
@@ -95,15 +95,15 @@ export default function Header({ isSticky }) {
                 <Tag color="blue-ecume" key="tag-sticky-years" size="sm">
                   {`${options.startYear} - ${options.endYear}`}
                 </Tag>
-                {/* {tagsDisplayed.map((tag) => (
-                    <Tag
-                      color="blue-ecume"
-                      key={`tag-sticky-${tag.label}`}
-                      size="sm"
-                    >
-                      {tag.label}
-                    </Tag>
-                  ))} */}
+                {options?.affiliationStrings?.map((tag) => (
+                  <Tag
+                    color="blue-ecume"
+                    key={`tag-sticky-${tag}`}
+                    size="sm"
+                  >
+                    {tag}
+                  </Tag>
+                ))}
               </TagGroup>
             </Col>
           </Row>

diff --git a/client/src/pages/openalex-ror/results.jsx b/client/src/pages/openalex-ror/results.jsx
@@ -94,7 +94,7 @@ export default function Affiliations() {
   return (
     <>
       <Header isSticky />
-      <Container fluid as="section" className="">
+      <Container fluid as="section">
         {isFetching && (
           <Row>
             <Col xs="2" offsetXs="6">
@@ -113,6 +113,7 @@ export default function Affiliations() {
             </Col>
           </Row>
         )}
+
         {!isFetching && isFetched && (
           <>
             <Row className="wm-bg">