breadcrumbs

dataesr · Dec 13, 2024 · b04bd9b · b04bd9b
1 parent ab7a7e6
commit b04bd9b
Show file tree

Hide file tree

Showing 6 changed files with 70 additions and 5 deletions.
diff --git a/client/src/pages/mentions/index.jsx b/client/src/pages/mentions/index.jsx
@@ -1,8 +1,10 @@
 /* eslint-disable no-param-reassign */
 import {
+  Breadcrumb,
   Button,
   Col,
   Container,
+  Link,
   Modal,
   ModalContent,
   ModalFooter,
@@ -343,15 +345,23 @@ export default function Mentions() {
     <>
       <Header />
       <Container as="section" className="fr-mt-4w mentions">
+        <Breadcrumb className="fr-pt-4w fr-mt-0 fr-mb-2w">
+          <Link href="/">
+            Home
+          </Link>
+          <Link current>
+            Search software and dataset mentions in the full-text
+          </Link>
+        </Breadcrumb>
         <div
           className={`actions-menu ${fixedMenu ? 'action-menu-fixed' : ''}`}
           title="actions"
         >
           <div
-            className={`selected-item ${selectedMentions.length && 'selected'}`}
+            className={`selected-item ${selectedMentions.length && ' selected'}`}
           >
             <span className="number">{selectedMentions.length}</span>
-            {`selected mention${selectedMentions.length > 1 ? 's' : ''}`}
+            {` selected mention${selectedMentions.length > 1 ? 's' : ''}`}
           </div>
           <Button
             className="fr-mb-1w fr-pl-1w button"

diff --git a/client/src/pages/openalex-affiliations/results/index.jsx b/client/src/pages/openalex-affiliations/results/index.jsx
@@ -1,4 +1,5 @@
 import {
+  Breadcrumb,
   Button,
   Col,
   Container,
@@ -406,6 +407,19 @@ export default function Affiliations() {
               }}
               steps={steps}
             />
+            <Row>
+              <Breadcrumb className="fr-pt-4w fr-mt-0 fr-mb-2w fr-ml-8w">
+                <Link href="/">
+                  Home
+                </Link>
+                <Link href="/openalex-affiliations">
+                  Search raw affiliations and ROR in OpenAlex
+                </Link>
+                <Link current>
+                  See results and make corrections
+                </Link>
+              </Breadcrumb>
+            </Row>
             <Row>
               <Col
                 className="wm-menu"

diff --git a/client/src/pages/openalex-affiliations/search.jsx b/client/src/pages/openalex-affiliations/search.jsx
@@ -1,7 +1,9 @@
 import {
+  Breadcrumb,
   Button,
   Col,
   Container,
+  Link,
   Modal,
   ModalContent,
   Row,
@@ -353,6 +355,14 @@ export default function Search() {
         </ModalContent>
       </Modal>
       <Container as="section" className="filters fr-my-5w">
+        <Breadcrumb className="fr-pt-4w fr-mt-0 fr-mb-2w">
+          <Link href="/">
+            Home
+          </Link>
+          <Link current>
+            Search raw affiliations and ROR in OpenAlex
+          </Link>
+        </Breadcrumb>
         <Row className="fr-pt-2w fr-pr-2w fr-pb-0 fr-pl-2w">
           <Col className="step-ror-to-add" xs="8">
             <TagInput
@@ -374,7 +384,7 @@ export default function Search() {
               tags={tags}
             />
           </Col>
-          <Col offsetXs="1" className="text-right fr-pl-3w">
+          <Col offsetXs="1" className="text-right fr-pl-3w fr-mt-4w">
             <Row gutters verticalAlign="bottom">
               <Col className="step-year-start">
                 <Select
@@ -426,7 +436,7 @@ export default function Search() {
               value={excludedRors}
             />
           </Col>
-          <Col offsetXs="1" className="fr-pl-3w step-search-works text-right">
+          <Col offsetXs="1" className="fr-pl-3w fr-mt-7w step-search-works text-right">
             <Button
               className="fr-mt-2w"
               disabled={searchParams.getAll('affiliations').length === 0}

diff --git a/client/src/pages/publications/search.jsx b/client/src/pages/publications/search.jsx
@@ -333,9 +333,12 @@ export default function PublicationsSearch() {
           <Link href="/">
             Home
           </Link>
-          <Link current>
+          <Link href="/publications">
             Build my corpus of publications
           </Link>
+          <Link current>
+            Search (from affiliations)
+          </Link>
         </Breadcrumb>
         <Row className="fr-pt-2w fr-pr-2w fr-pb-0 fr-pl-2w">
           <Col xs="8">

diff --git a/client/src/pages/views/datasets.jsx b/client/src/pages/views/datasets.jsx
@@ -2,6 +2,8 @@
 import { useState } from 'react';
 import PropTypes from 'prop-types';
 import {
+  Breadcrumb,
+  Link,
   Row,
   Col,
   SegmentedControl,
@@ -33,6 +35,17 @@ export default function Datasets({
   return (
     <>
       <Row>
+        <Breadcrumb className="fr-pt-4w fr-mt-0 fr-mb-2w">
+          <Link href="/">
+            Home
+          </Link>
+          <Link href="/datasets">
+            Build my corpus of datasets from repositories
+          </Link>
+          <Link current>
+            Select the affiliations and build the corpus
+          </Link>
+        </Breadcrumb>
         <Col>
           <Title as="h2" look="h6" className="fr-mt-1w">
             🗃 Find the datasets affiliated to your institution

diff --git a/client/src/pages/views/publications.jsx b/client/src/pages/views/publications.jsx
@@ -1,7 +1,9 @@
 /* eslint-disable max-len */
 import {
+  Breadcrumb,
   Row,
   Col,
+  Link,
   SegmentedControl,
   SegmentedElement,
   Title,
@@ -33,6 +35,19 @@ export default function Publications({
   }
   return (
     <div>
+      <Row>
+        <Breadcrumb className="fr-pt-4w fr-mt-0 fr-mb-2w">
+          <Link href="/">
+            Home
+          </Link>
+          <Link href="/publications">
+            Build my corpus of publications
+          </Link>
+          <Link current>
+            Select the affiliations and build the corpus
+          </Link>
+        </Breadcrumb>
+      </Row>
       {options.datasets ? (
         <>
           <Title as="h2" look="h6">