Merge pull request #3411 from OpenNeuroOrg/components-refactor

Drop @openneuro/components package

Author: nellh

.pnp.cjs

@@ -40,6 +40,7 @@
     "react-dom": "^18.2.0",
     "react-helmet": "6.1.0",
     "react-markdown": "^9.0.1",
+    "react-multi-carousel": "^2.8.5",
     "react-router-dom": "6.3.0",
     "react-toastify": "6.0.9",
     "react-usestateref": "^1.0.8",

README.md

@@ -12,7 +12,8 @@ import Index from "./scripts/index"
 import { config } from "./scripts/config"
 import * as gtag from "./scripts/utils/gtag"
 import { relayStylePagination } from "@apollo/client/utilities"
-import "@openneuro/components/page/page.scss"
+// TODO - This should be a global SCSS?
+import "./scripts/components/page/page.scss"
 
 gtag.initialize(config.analytics.trackingIds)
 

packages/openneuro-app/package.json

@@ -1,6 +1,6 @@
 import React from "react"
 import type { FC } from "react"
-import { Footer } from "@openneuro/components/footer"
+import { Footer } from "../../components/footer/Footer"
 import { version as openneuroVersion } from "../../../lerna.json"
 
 const FooterContainer: FC = () => {

packages/openneuro-app/src/client.jsx

@@ -3,8 +3,9 @@ import type { FC } from "react"
 import useState from "react-usestateref"
 import UploaderContext from "../../uploader/uploader-context.js"
 import UploadProgress from "../../uploader/upload-progress.jsx"
-import { Header, LandingExpandedHeader } from "@openneuro/components/header"
-import { Input } from "@openneuro/components/input"
+import { Header } from "../../components/header/Header"
+import { LandingExpandedHeader } from "../../components/header/LandingExpandedHeader"
+import { Input } from "../../components/input/Input"
 import ModalitySelect from "../../search/inputs/modality-select"
 import { UserModalOpenCtx } from "../../utils/user-login-modal-ctx"
 import { useLocation, useNavigate } from "react-router-dom"

packages/openneuro-app/src/scripts/common/containers/footer.tsx

@@ -1,7 +1,7 @@
 import React from "react"
-import bidslogo from "../assets/bids.jpg"
-import dataladlogo from "../assets/datalad.jpg"
-import nihlogo from "../assets/nih-bi-logo.png"
+import bidslogo from "./assets/affiliates/bids.jpg"
+import dataladlogo from "./assets/affiliates/datalad.jpg"
+import nihlogo from "./assets/affiliates/nih-bi-logo.png"
 
 export const affiliateContent = [
   {