@openneuro/app 4.33.4 → 4.34.0-alpha.0

package/src/scripts/dataset/snapshot-container.tsx

@@ -21,7 +21,7 @@ import { ModalitiesMetaDataBlock } from "./components/ModalitiesMetaDataBlock"
 import { ValidationBlock } from "./components/ValidationBlock"
 import { VersionList } from "./components/VersionList"
 import { Username } from "../users/username"
-import { Loading } from "@openneuro/components/loading"
+import { Loading } from "../components/loading/Loading"
 
 import {
   getUnexpiredProfile,
@@ -359,13 +359,17 @@ export interface SnapshotLoaderProps {
 
 const SnapshotLoader: React.FC<SnapshotLoaderProps> = ({ dataset }) => {
   const { tag } = useParams()
-  const { loading, error, data, fetchMore } = useQuery(getSnapshotDetails, {
-    variables: {
-      datasetId: dataset.id,
-      tag,
-    },
-    errorPolicy: "all",
-  })
+  const { loading, error, data, fetchMore, stopPolling, startPolling } =
+    useQuery(
+      getSnapshotDetails,
+      {
+        variables: {
+          datasetId: dataset.id,
+          tag,
+        },
+        errorPolicy: "all",
+      },
+    )
   if (loading) {
     return (
       <div className="loading-dataset">
@@ -382,6 +386,8 @@ const SnapshotLoader: React.FC<SnapshotLoaderProps> = ({ dataset }) => {
           datasetId: dataset.id,
           fetchMore,
           error: null,
+          stopPolling,
+          startPolling,
         }}
       >
         <SnapshotContainer

package/src/scripts/pages/admin/flagged-files.jsx

@@ -5,7 +5,7 @@ import PropTypes from "prop-types"
 import { useQuery } from "@apollo/client"
 import { gql } from "@apollo/client"
 import Helmet from "react-helmet"
-import { Loading } from "@openneuro/components/loading"
+import { Loading } from "../../components/loading/Loading"
 import { Link } from "react-router-dom"
 import { pageTitle } from "../../resources/strings.js"
 

package/src/scripts/pages/admin/user-tools.tsx

@@ -2,7 +2,7 @@ import React from "react"
 import type { FC, ReactElement } from "react"
 import { gql } from "@apollo/client"
 import { Mutation } from "@apollo/client/react/components"
-import { WarnButton } from "@openneuro/components/warn-button"
+import { WarnButton } from "../../components/warn-button/WarnButton"
 import { getProfile } from "../../authentication/profile"
 import { useCookies } from "react-cookie"
 import { USER_FRAGMENT } from "./user-fragment"

package/src/scripts/pages/admin/users.tsx

@@ -3,8 +3,8 @@ import { Query } from "@apollo/client/react/components"
 import { gql } from "@apollo/client"
 import parseISO from "date-fns/parseISO"
 import formatDistanceToNow from "date-fns/formatDistanceToNow"
-import { Input } from "@openneuro/components/input"
-import { Loading } from "@openneuro/components/loading"
+import { Input } from "../../components/input/Input"
+import { Loading } from "../../components/loading/Loading"
 import { formatDate } from "../../utils/date.js"
 import Helmet from "react-helmet"
 import { pageTitle } from "../../resources/strings.js"

package/src/scripts/pages/api.jsx

@@ -1,9 +1,9 @@
 import React from "react"
-import { Loading } from "@openneuro/components/loading"
+import { Loading } from "../components/loading/Loading"
 import { CopyToClipboard } from "react-copy-to-clipboard"
 import Helmet from "react-helmet"
 import { pageTitle } from "../resources/strings.js"
-import { Button } from "@openneuro/components/button"
+import { Button } from "../components/button/Button"
 import LoggedIn from "../authentication/logged-in"
 import LoggedOut from "../authentication/logged-out"
 import { config } from "../config"

package/src/scripts/pages/front-page/aggregate-queries/aggregate-counts-container.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import useParticipantCount from "./use-participant-count"
 import usePublicDatasetsCount from "./use-publicDatasets-count"
-import { AggregateCount } from "@openneuro/components/aggregate-count"
+import { AggregateCount } from "../../../components/aggregate-count/AggregateCount"
 
 export interface AggregateCountsContainerProps {
   modality?: string
@@ -29,12 +29,11 @@ const AggregateCountsContainer: React.FC<AggregateCountsContainerProps> = ({
   else {
     return (
       <>
-        {participantData.participantCount > 0 && (
-          <AggregateCount
-            type="participants"
-            count={participantData.participantCount}
-          />
-        )}
+        <AggregateCount
+          type="participants"
+          count={participantData.participantCount}
+        />
+
         <AggregateCount
           type="publicDataset"
           count={publicDatasetsData.datasets?.pageInfo?.count ||

package/src/scripts/pages/front-page/front-page.tsx

@@ -4,15 +4,13 @@ import { gql, useQuery } from "@apollo/client"
 import { Mutation } from "@apollo/client/react/components"
 import styled from "@emotion/styled"
 
-import {
-  ActivityHeader,
-  AffiliateBlock,
-  Contributors,
-  GetUpdates,
-  Infographic,
-} from "@openneuro/components/front-page"
-import { Loading } from "@openneuro/components/loading"
-import { ActivitySlider } from "@openneuro/components/activity-slider"
+import { ActivityHeader } from "../../components/front-page/ActivityHeader"
+import { AffiliateBlock } from "../../components/front-page/AffiliateBlock"
+import { Contributors } from "../../components/front-page/Contributors"
+import { GetUpdates } from "../../components/front-page/GetUpdates"
+import { Infographic } from "../../components/front-page/Infographic"
+import { Loading } from "../../components/loading/Loading"
+import { ActivitySlider } from "../../components/activity-slider/ActivitySlider"
 
 const SUBSCRIBE_TO_NEWSLETTER = gql`
   mutation subscribeToNewsletter($email: String!) {

package/src/scripts/pages/metadata/dataset-metadata.tsx

@@ -2,7 +2,7 @@ import React from "react"
 import styled from "@emotion/styled"
 import { DataTable } from "../../components/data-table"
 import { gql, useQuery } from "@apollo/client"
-import { Loading } from "@openneuro/components/loading"
+import { Loading } from "../../components/loading/Loading"
 import { makeCsv } from "../../utils/csv"
 
 const MetadataPageStyle = styled.div`

package/src/scripts/search/__tests__/search-container.spec.tsx

@@ -4,10 +4,10 @@ import { setDefaultSearch } from "../search-container"
 describe("SearchContainer component", () => {
   describe("setDefaultSearch", () => {
     it("updates default state when a modality is provided differing from the default", () => {
-      const context = { modality_selected: "MRI" }
+      const context = { modality_selected: "mri" }
       const setContext = vi.fn()
       setDefaultSearch(
-        "MRI",
+        "mri",
         "",
         false,
         context,
@@ -16,7 +16,7 @@ describe("SearchContainer component", () => {
       )
       expect(setContext).not.toHaveBeenCalled()
       setDefaultSearch(
-        "PET",
+        "pet",
         "",
         false,
         context,
@@ -27,14 +27,14 @@ describe("SearchContainer component", () => {
     })
     it('sets datasetType_select to my datasets with "mydatasets" parameter', () => {
       let context = {
-        modality_selected: "MRI",
+        modality_selected: "mri",
         datasetType_selected: "All Public",
       }
       const setContext = vi.fn().mockImplementation((arg) => {
         context = arg(context)
       })
       setDefaultSearch(
-        "MRI",
+        "mri",
         "",
         false,
         context,
@@ -45,14 +45,14 @@ describe("SearchContainer component", () => {
     })
     it('sets datasetType_select to my datasets with "bookmarks" parameter', () => {
       let context = {
-        modality_selected: "PET",
+        modality_selected: "pet",
         datasetType_selected: "All Public",
       }
       const setContext = vi.fn().mockImplementation((arg) => {
         context = arg(context)
       })
       setDefaultSearch(
-        "MRI",
+        "pet",
         "",
         false,
         context,

package/src/scripts/search/filters-block-container.tsx

@@ -1,14 +1,19 @@
 import React, { useContext } from "react"
 import * as Sentry from "@sentry/react"
 import type { FC } from "react"
-import { useNavigate, useParams } from "react-router-dom"
+import {
+  useMatch,
+  useNavigate,
+  useParams,
+  useSearchParams,
+} from "react-router-dom"
 import {
   getSelectParams,
   removeFilterItem,
   SearchParamsCtx,
   useCheckIfParamsAreSelected,
 } from "./search-params-ctx"
-import { FiltersBlock } from "@openneuro/components/search-page"
+import { FiltersBlock } from "../components/search-page/FiltersBlock"
 import initialSearchParams from "./initial-search-params"
 
 interface FiltersBlockContainerProps {
@@ -25,34 +30,85 @@ const FiltersBlockContainer: FC<FiltersBlockContainerProps> = ({
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const selectedParams = getSelectParams(searchParams)
 
-  const noFilters = !useCheckIfParamsAreSelected(["modality_selected"])
+  const noFilters = !useCheckIfParamsAreSelected([
+    "modality_selected",
+    "brain_initiative",
+  ])
 
   const navigate = useNavigate()
   const { path } = useParams()
   const globalSearchPath = "/search"
 
+  const isModalityPath = useMatch("/search/modality/*")
+
+  const [searchParamsObj, setSearchParamsObj] = useSearchParams()
+
   const removeFilter =
     (isModality?: boolean) => (param: string, value: FilterValue): void => {
       if (isModality && param === "modality_selected") {
         removeFilterItem(setSearchParams)(param, value)
-        const queryParams = new URLSearchParams(location.search)
-        const query = queryParams.get("query")
+
+        // Remove the modality_selected filter directly
+        searchParamsObj.delete("modality_selected")
+
+        // Modify `query` if we need to remove the filter from it
+        const query = searchParamsObj.get("query")
+        if (query) {
+          try {
+            const queryObj = JSON.parse(query)
+            delete queryObj["modality_selected"]
+            searchParamsObj.set("query", JSON.stringify(queryObj))
+          } catch (error) {
+            Sentry.captureException(error)
+            // fallback
+            searchParamsObj.delete("query")
+          }
+        }
+
+        try {
+          setSearchParamsObj(searchParamsObj)
+          navigate(`${globalSearchPath}?${searchParamsObj.toString()}`, {
+            replace: true,
+          })
+        } catch (error) {
+          Sentry.captureException(error)
+        }
+      } else if (!isModalityPath && param === "brain_initiative") {
+        removeFilterItem(setSearchParams)(param, value)
+
+        // Remove the brain_initiative filter directly
+        searchParamsObj.delete("brain_initiative")
+
+        // Modify `query` if we need to remove the filter from it
+        const query = searchParamsObj.get("query")
         if (query) {
           try {
-            navigate(`${globalSearchPath}?${queryParams.toString()}`, {
-              replace: true,
-            })
+            const queryObj = JSON.parse(query)
+            delete queryObj["brain_initiative"]
+            searchParamsObj.set("query", JSON.stringify(queryObj))
           } catch (error) {
             Sentry.captureException(error)
+            // fallback
+            searchParamsObj.delete("query")
           }
         }
+
+        try {
+          setSearchParamsObj(searchParamsObj)
+          navigate(`${globalSearchPath}?${searchParamsObj.toString()}`, {
+            replace: true,
+          })
+        } catch (error) {
+          Sentry.captureException(error)
+        }
       } else {
+        // For other filters, just remove them normally
         removeFilterItem(setSearchParams)(param, value)
       }
     }
 
   const removeAllFilters = (): void => {
-    // reset params to default values
+    // Reset params to default values, preserving other query params
     setSearchParams((prevState) => ({
       ...prevState,
       ...getSelectParams(initialSearchParams),
@@ -68,6 +124,7 @@ const FiltersBlockContainer: FC<FiltersBlockContainerProps> = ({
       numTotalResults={numTotalResults}
       {...selectedParams}
       loading={loading}
+      brain_initiative={searchParams.brain_initiative}
     />
   )
 }

package/src/scripts/search/initial-search-params.tsx

@@ -1,4 +1,4 @@
-import { sortBy } from "@openneuro/components/content"
+import { sortBy } from "../common/content/sortby-list"
 
 const datasetType_available = [
   { label: "All Public", value: "All Public" },
@@ -24,7 +24,7 @@ type ModalityOption = {
 export const modality_available: ModalityOption[] = [
   {
     label: "MRI",
-    value: "MRI",
+    value: "mri",
     portalPath: "/search/modality/mri",
     count: null,
     // children: [
@@ -56,7 +56,7 @@ export const modality_available: ModalityOption[] = [
   },
   {
     label: "PET",
-    value: "PET",
+    value: "pet",
     portalPath: "/search/modality/pet",
     count: null,
     // children: [
@@ -76,25 +76,25 @@ export const modality_available: ModalityOption[] = [
   },
   {
     label: "EEG",
-    value: "EEG",
+    value: "eeg",
     portalPath: "/search/modality/eeg",
     count: null,
   },
   {
     label: "iEEG",
-    value: "iEEG",
+    value: "ieeg",
     portalPath: "/search/modality/ieeg",
     count: null,
   },
   {
     label: "MEG",
-    value: "MEG",
+    value: "meg",
     portalPath: "/search/modality/meg",
     count: null,
   },
   {
     label: "NIRS",
-    value: "NIRS",
+    value: "nirs",
     portalPath: "/search/modality/nirs",
     count: null,
   },

package/src/scripts/search/inputs/__tests__/sort-by-select.spec.tsx

@@ -27,7 +27,7 @@ describe("SortBySelect component", () => {
                 {
                   match: {
                     "latestSnapshot.summary.modalities": {
-                      query: "MRI",
+                      query: "mri",
                     },
                   },
                 },

package/src/scripts/search/inputs/admin-allDatasets-toggle.tsx

@@ -1,7 +1,7 @@
 import React, { useContext } from "react"
 import type { FC } from "react"
 import { SearchParamsCtx } from "../search-params-ctx"
-import { Button } from "@openneuro/components/button"
+import { Button } from "../../components/button/Button"
 import styled from "@emotion/styled"
 
 const StyledButton = styled(Button)`

package/src/scripts/search/inputs/age-range-input.tsx

@@ -2,8 +2,9 @@ import React, { useContext } from "react"
 import type { FC } from "react"
 import { SearchParamsCtx } from "../search-params-ctx"
 import initialSearchParams from "../initial-search-params"
-import { FacetRange } from "@openneuro/components/facets"
-import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
+import { FacetRange } from "../../components/facets/FacetRange"
+import { AccordionTab } from "../../components/accordion/AccordionTab"
+import { AccordionWrap } from "../../components/accordion/AccordionWrap"
 
 const AgeRangeInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)

package/src/scripts/search/inputs/author-input.tsx

@@ -2,8 +2,9 @@ import React, { useContext } from "react"
 import type { FC } from "react"
 import useState from "react-usestateref"
 import { removeFilterItem, SearchParamsCtx } from "../search-params-ctx"
-import { FacetSearch } from "@openneuro/components/facets"
-import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
+import { FacetSearch } from "../../components/facets/FacetSearch"
+import { AccordionTab } from "../../components/accordion/AccordionTab"
+import { AccordionWrap } from "../../components/accordion/AccordionWrap"
 
 const AuthorInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)

package/src/scripts/search/inputs/dataset-type-select.tsx

@@ -1,8 +1,9 @@
 import React, { useContext } from "react"
 import type { FC } from "react"
 import { SearchParamsCtx } from "../search-params-ctx"
-import { FacetSelect } from "@openneuro/components/facets"
-import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
+import { FacetSelect } from "../../components/facets/FacetSelect"
+import { AccordionTab } from "../../components/accordion/AccordionTab"
+import { AccordionWrap } from "../../components/accordion/AccordionWrap"
 
 const DatasetTypeSelect: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)

package/src/scripts/search/inputs/date-radios.tsx

@@ -1,8 +1,9 @@
 import React, { useContext } from "react"
 import type { FC } from "react"
 import { SearchParamsCtx } from "../search-params-ctx"
-import { FacetRadio } from "@openneuro/components/facets"
-import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
+import { FacetRadio } from "../../components/facets/FacetRadio"
+import { AccordionTab } from "../../components/accordion/AccordionTab"
+import { AccordionWrap } from "../../components/accordion/AccordionWrap"
 
 const DateRadios: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)

package/src/scripts/search/inputs/diagnosis-select.tsx

@@ -1,8 +1,9 @@
 import React, { useContext } from "react"
 import type { FC } from "react"
 import { SearchParamsCtx } from "../search-params-ctx"
-import { FacetSelect } from "@openneuro/components/facets"
-import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
+import { FacetSelect } from "../../components/facets/FacetSelect"
+import { AccordionTab } from "../../components/accordion/AccordionTab"
+import { AccordionWrap } from "../../components/accordion/AccordionWrap"
 
 const DiagnosisSelect: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)

package/src/scripts/search/inputs/initiative-select.tsx

@@ -2,8 +2,9 @@ import React, { useContext, useEffect } from "react"
 import type { FC } from "react"
 import { useLocation, useNavigate } from "react-router-dom"
 import { SearchParamsCtx } from "../search-params-ctx"
-import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
-import { SingleSelect } from "@openneuro/components/facets"
+import { AccordionTab } from "../../components/accordion/AccordionTab"
+import { AccordionWrap } from "../../components/accordion/AccordionWrap"
+import { SingleSelect } from "../../components/facets/SingleSelect"
 
 interface InitiativeSelectProps {
   label: string
@@ -19,7 +20,6 @@ const InitiativeSelect: FC<InitiativeSelectProps> = ({ label }) => {
   const setBrainInitiative = (selectedValue: string): void => {
     const newSelectedFunding = selectedValue === "NIH" ? "true" : ""
 
-    // Update only brain_initiative in the search params context
     setSearchParams((prevState) => ({
       ...prevState,
       brain_initiative: newSelectedFunding,
@@ -35,8 +35,10 @@ const InitiativeSelect: FC<InitiativeSelectProps> = ({ label }) => {
     } else {
       params.delete("query")
     }
-
-    navigate(`/search/nih?${params.toString()}`, { replace: true })
+    // Check if the URL contains 'modality_selected' before navigating
+    if (!location.search.includes("modality_selected")) {
+      navigate(`/search/nih?${params.toString()}`, { replace: true })
+    }
   }
 
   useEffect(() => {
@@ -46,7 +48,11 @@ const InitiativeSelect: FC<InitiativeSelectProps> = ({ label }) => {
     ) {
       const params = new URLSearchParams(location.search)
       params.set("query", JSON.stringify({ brain_initiative: "true" }))
-      navigate(`/search/nih?${params.toString()}`, { replace: true })
+
+      // Check if the URL contains 'modality_selected' before navigating
+      if (!location.search.includes("modality_selected")) {
+        navigate(`/search/nih?${params.toString()}`, { replace: true })
+      }
     }
   }, [brain_initiative, location.search, navigate])
 

package/src/scripts/search/inputs/keyword-input.tsx

@@ -2,8 +2,8 @@ import React, { useContext } from "react"
 import type { FC } from "react"
 import useState from "react-usestateref"
 import { removeFilterItem, SearchParamsCtx } from "../search-params-ctx"
-import { TermSearch } from "@openneuro/components/input"
-import { Icon } from "@openneuro/components/icon"
+import { TermSearch } from "../../components/input/TermSearch"
+import { Icon } from "../../components/icon/Icon"
 
 const KeywordInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)

package/src/scripts/search/inputs/modality-select.tsx

@@ -1,12 +1,10 @@
 import React, { useContext } from "react"
-import type { FC } from "react"
-import { useNavigate } from "react-router-dom"
+import { useLocation, useNavigate } from "react-router-dom"
 import { SearchParamsCtx } from "../search-params-ctx"
 import { flattenedModalities } from "../initial-search-params"
-import type { SearchParams } from "../initial-search-params"
-import { FacetSelect } from "@openneuro/components/facets"
-import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
-import initialSearchParams from "../initial-search-params"
+import { FacetSelect } from "../../components/facets/FacetSelect"
+import { AccordionTab } from "../../components/accordion/AccordionTab"
+import { AccordionWrap } from "../../components/accordion/AccordionWrap"
 
 interface ModalitySelectProps {
   inHeader?: boolean
@@ -16,8 +14,7 @@ interface ModalitySelectProps {
   dropdown?: boolean
 }
 
-const ModalitySelect: FC<ModalitySelectProps> = ({
-  inHeader = false,
+const ModalitySelect: React.FC<ModalitySelectProps> = ({
   startOpen = true,
   label,
   portalStyles = false,
@@ -25,21 +22,26 @@ const ModalitySelect: FC<ModalitySelectProps> = ({
 }) => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const navigate = useNavigate()
+  const location = useLocation()
 
-  const { modality_available, modality_selected } = searchParams
-  const setModality = (
-    modality_selected: string,
-  ): ReturnType<typeof setSearchParams> => {
-    setSearchParams(
-      (prevState: SearchParams): SearchParams => ({
-        ...(inHeader ? initialSearchParams : prevState),
-        modality_selected,
-      }),
-    )
-    const modality_selected_path = flattenedModalities.find((modality) => {
-      return modality.label === modality_selected
-    })?.portalPath
-    navigate(modality_selected_path)
+  const setModality = (modality_selected: string) => {
+    setSearchParams((prevState) => ({
+      ...prevState,
+      modality_selected,
+    }))
+
+    const modality_selected_path = flattenedModalities.find(
+      (modality) => modality.value === modality_selected,
+    )?.portalPath
+
+    const currentParams = new URLSearchParams(location.search)
+    currentParams.set("modality_selected", modality_selected)
+    const newQueryString = currentParams.toString()
+
+    navigate({
+      pathname: modality_selected_path,
+      search: newQueryString ? `?${newQueryString}` : "",
+    })
   }
 
   return (
@@ -49,9 +51,9 @@ const ModalitySelect: FC<ModalitySelectProps> = ({
           <FacetSelect
             className="modality-facet facet-open"
             label={label}
-            selected={modality_selected}
+            selected={searchParams.modality_selected}
             setSelected={setModality}
-            items={modality_available}
+            items={searchParams.modality_available}
           />
         )
         : (
@@ -63,9 +65,9 @@ const ModalitySelect: FC<ModalitySelectProps> = ({
               dropdown={dropdown}
             >
               <FacetSelect
-                selected={modality_selected}
+                selected={searchParams.modality_selected}
                 setSelected={setModality}
-                items={modality_available}
+                items={searchParams.modality_available}
               />
             </AccordionTab>
           </AccordionWrap>

package/src/scripts/search/inputs/pet/bodyParts_input.tsx

@@ -2,9 +2,10 @@ import React, { useContext } from "react"
 import type { FC } from "react"
 import useState from "react-usestateref"
 import { removeFilterItem, SearchParamsCtx } from "../../search-params-ctx"
-import { FacetSearch } from "@openneuro/components/facets"
-import { Icon } from "@openneuro/components/icon"
-import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
+import { FacetSearch } from "../../../components/facets/FacetSearch"
+import { Icon } from "../../../components/icon/Icon"
+import { AccordionTab } from "../../../components/accordion/AccordionTab"
+import { AccordionWrap } from "../../../components/accordion/AccordionWrap"
 
 const BodyPartsInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)

package/src/scripts/search/inputs/pet/scannerManufacturersModelNames_input.tsx

@@ -2,9 +2,10 @@ import React, { useContext } from "react"
 import type { FC } from "react"
 import useState from "react-usestateref"
 import { removeFilterItem, SearchParamsCtx } from "../../search-params-ctx"
-import { FacetSearch } from "@openneuro/components/facets"
-import { Icon } from "@openneuro/components/icon"
-import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
+import { FacetSearch } from "../../../components/facets/FacetSearch"
+import { Icon } from "../../../components/icon/Icon"
+import { AccordionTab } from "../../../components/accordion/AccordionTab"
+import { AccordionWrap } from "../../../components/accordion/AccordionWrap"
 
 const ScannerManufacturersModelNamesInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)