@openneuro/app 4.1.0 → 4.2.1

package/src/scripts/nav/navbar.navmenu.jsx

@@ -1,106 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { NavLink } from 'react-router-dom'
-import Usermenu from './navbar.usermenu.jsx'
-import UploaderView from '../uploader/uploader-view.jsx'
-import { Navbar } from 'react-bootstrap'
-import withProfile from '../authentication/withProfile.jsx'
-import LoggedIn from '../authentication/logged-in.jsx'
-import LoggedOut from '../authentication/logged-out.jsx'
-import { config } from '../config'
-import { Media } from '../styles/media'
-
-const AdminLinkContent = ({ profile }) => {
-  if (profile.admin) {
-    return (
-      <NavLink className="nav-link" to="/admin">
-        <span className="link-name">admin</span>
-      </NavLink>
-    )
-  }
-  return null
-}
-
-AdminLinkContent.propTypes = {
-  profile: PropTypes.object,
-}
-
-const AdminLink = withProfile(AdminLinkContent)
-
-const FaqLink = () => (
-  <NavLink className="nav-link" to="/faq">
-    <span className="link-name">faq</span>
-  </NavLink>
-)
-
-FaqLink.propTypes = {
-  faq: PropTypes.array,
-}
-
-const SupportLink = ({ supportModal }) => {
-  if (config?.support?.url) {
-    return (
-      <li className="link-support">
-        <a
-          className="nav-link"
-          onClick={() => {
-            supportModal()
-          }}>
-          <span className="link-name">Support</span>
-        </a>
-      </li>
-    )
-  } else {
-    return null
-  }
-}
-
-const NavMenu = ({ supportModal, loginModal }) => (
-  <ul className="nav navbar-nav main-nav">
-    <li className="link-dashboard">
-      <LoggedIn>
-        <NavLink className="nav-link" to="/dashboard/datasets">
-          <span className="link-name">My Dashboard</span>
-        </NavLink>
-      </LoggedIn>
-    </li>
-    <li className="link-public">
-      <NavLink className="nav-link" to="/public/datasets">
-        <span className="link-name">Public Dashboard</span>
-      </NavLink>
-    </li>
-    <SupportLink supportModal={supportModal} />
-    <li className="link-faq">
-      <FaqLink />
-    </li>
-    <li className="link-admin">
-      <AdminLink />
-    </li>
-    <li className="link-dashboard">
-      <Media greaterThanOrEqual="medium">
-        <LoggedIn>
-          <UploaderView />
-        </LoggedIn>
-      </Media>
-    </li>
-    <li>
-      <Navbar.Collapse>
-        <Usermenu />
-        <LoggedOut>
-          <div className="navbar-right sign-in-nav-btn">
-            <button className="btn-blue" onClick={() => loginModal()}>
-              <span>Sign in</span>
-            </button>
-          </div>
-        </LoggedOut>
-      </Navbar.Collapse>
-    </li>
-  </ul>
-)
-
-NavMenu.propTypes = {
-  supportModal: PropTypes.func,
-  loginModal: PropTypes.func,
-}
-
-export default NavMenu

package/src/scripts/nav/navbar.usermenu.jsx

@@ -1,52 +0,0 @@
-// dependencies ------------------------------------------------------------------
-
-import React from 'react'
-import PropTypes from 'prop-types'
-import { withRouter, Link } from 'react-router-dom'
-import Avatar from '../user/avatar.jsx'
-import { DropdownButton } from '../components/dropdown-button'
-import withProfile from '../authentication/withProfile.jsx'
-import signOut from '../refactor_2021/authentication/signOut'
-
-const signOutAndRedirect = history => {
-  signOut()
-  history.push('/')
-}
-
-// component setup ---------------------------------------------------------------
-
-const Usermenu = ({ profile, history }) => {
-  const username = profile.name
-  const gear = <i className="fa fa-gear" />
-
-  return (
-    <ul className="clearfix user-wrap">
-      <Avatar profile={profile} />
-      <DropdownButton id="user-menu" title={gear}>
-        <li role="presentation" className="dropdown-header">
-          Hello <br />
-          {username}
-        </li>
-        <li role="separator" className="divider" />
-        <li>
-          <Link to="/keygen"> Obtain an API Key </Link>
-        </li>
-        <li role="separator" className="divider" />
-        <li>
-          <a
-            onClick={() => signOutAndRedirect(history)}
-            className="btn-submit-other">
-            Sign Out
-          </a>
-        </li>
-      </DropdownButton>
-    </ul>
-  )
-}
-
-Usermenu.propTypes = {
-  profile: PropTypes.object,
-  history: PropTypes.object,
-}
-
-export default withRouter(withProfile(Usermenu))

package/src/scripts/pages/citation-page.jsx

@@ -1,43 +0,0 @@
-import React from 'react'
-import { frontPage } from '../front-page/front-page-content'
-import styled from '@emotion/styled'
-import Footer from '../common/partials/footer.jsx'
-
-const CitationPageStyle = styled.div`
-  background: white;
-
-  .container {
-    max-width: 60em;
-    min-height: calc(100vh - 125px);
-  }
-`
-
-export default function CitationPage() {
-  return (
-    <CitationPageStyle>
-      <div className="container">
-        <h2>How to Cite OpenNeuro</h2>
-        <p>
-          When referring to the database, the preferred style is
-          &quot;OpenNeuro&quot; (not OpenNeuro.org). The first usage should be
-          cited in a references section according to the style preferences of
-          the venue.
-        </p>
-        <p>
-          When referring a specific dataset, the dataset may be referred to as
-          &quot;OpenNeuro Dataset ds00WXYZ&quot;, optionally followed by the
-          dataset name in parentheses. The first usage of each dataset should be
-          cited according to the style preferences of the venue.
-        </p>
-        <p>
-          See &quot;How to Cite&quot; on each dataset page for examples
-          generated for each dataset snapshot.
-        </p>
-        <div className="privacy-detail">
-          <span>{frontPage.titlePanel.privacyDetail}</span>
-        </div>
-      </div>
-      <Footer />
-    </CitationPageStyle>
-  )
-}

package/src/scripts/pet/__tests__/__snapshots__/dummy.spec.jsx.snap

@@ -1,70 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`pet/dummy.jsx renders successfully 1`] = `
-<span
-  className="front-page is-front"
->
-  <div
-    className="intro pet-block"
-  >
-    <div
-      className="container"
-    >
-      <div
-        className="intro-inner fade-in clearfix"
-      >
-        <div
-          className="clearfix welcome-block"
-        >
-          <h1
-            className="pet-header"
-          >
-            Coming soon!
-          </h1>
-          <h2>
-            A section of OpenNeuro dedicated entirely to PET scans is currently under development.
-             
-          </h2>
-          <h3>
-            In the meantime, feel free to explore
-             
-            <Link
-              to="/"
-            >
-              OpenNeuro
-            </Link>
-             or visit existing hosted PET datasets
-             
-            <Link
-              to="/datasets/ds001421"
-            >
-              [11C]SB207145 PET Cimbi database example
-            </Link>
-            ,
-             
-            <Link
-              to="/datasets/ds001420"
-            >
-              [11C]DASB PET Cimbi database example
-            </Link>
-            , or
-             
-            <Link
-              to="/datasets/ds000204"
-            >
-              Imaging [18F]AV-1451 and [18F]AV-45 in acute and chronic traumatic brain injury
-            </Link>
-            .
-          </h3>
-          <div
-            className="privacy-detail"
-          >
-            <span />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <Footer />
-</span>
-`;

package/src/scripts/pet/__tests__/dummy.spec.jsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import PETDummy from '../dummy.jsx'
-
-describe('pet/dummy.jsx', () => {
-  it('renders successfully', () => {
-    const wrapper = shallow(<PETDummy />)
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/pet/dummy.jsx

@@ -1,61 +0,0 @@
-// dependencies -------------------------------------------------------
-
-import React from 'react'
-import { Link } from 'react-router-dom'
-import Footer from '../common/partials/footer.jsx'
-//configurables
-import { frontPage } from '../front-page/front-page-content'
-
-// component setup ----------------------------------------------------
-
-class PETDummy extends React.Component {
-  constructor(props) {
-    super(props)
-  }
-
-  // life cycle events --------------------------------------------------
-
-  render() {
-    return (
-      <span className="front-page is-front">
-        <div className="intro pet-block">
-          <div className="container">
-            <div className="intro-inner fade-in clearfix">
-              <div className="clearfix welcome-block">
-                <h1 className="pet-header">Coming soon!</h1>
-                <h2>
-                  A section of OpenNeuro dedicated entirely to PET scans is
-                  currently under development.{' '}
-                </h2>
-                <h3>
-                  In the meantime, feel free to explore{' '}
-                  <Link to="/">OpenNeuro</Link> or visit existing hosted PET
-                  datasets{' '}
-                  <Link to="/datasets/ds001421">
-                    [11C]SB207145 PET Cimbi database example
-                  </Link>
-                  ,{' '}
-                  <Link to="/datasets/ds001420">
-                    [11C]DASB PET Cimbi database example
-                  </Link>
-                  , or{' '}
-                  <Link to="/datasets/ds000204">
-                    Imaging [18F]AV-1451 and [18F]AV-45 in acute and chronic
-                    traumatic brain injury
-                  </Link>
-                  .
-                </h3>
-                <div className="privacy-detail">
-                  <span>{frontPage.titlePanel.privacyDetail}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <Footer />
-      </span>
-    )
-  }
-}
-
-export default PETDummy

package/src/scripts/refactor_2021/dataset/dataset-pre-refactor-container.tsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import Dataset from '../../datalad/dataset/dataset'
-import '../../../sass/pre-refactor-with-wrapper-main.scss'
-
-const PreRefactorDatasetProps: React.FC = () => {
-  return (
-    <span className="pre-refactor-styles">
-      <Dataset />
-    </span>
-  )
-}
-export default PreRefactorDatasetProps

package/src/scripts/refactor_2021/dataset/routes/download-dataset.jsx

@@ -1,70 +0,0 @@
-/* global globalThis */
-import React from 'react'
-import PropTypes from 'prop-types'
-import { Link, withRouter } from 'react-router-dom'
-import styled from '@emotion/styled'
-import DownloadLink from '../download/download-link.jsx'
-import DownloadS3 from '../download/download-s3.jsx'
-import DownloadCommandLine from '../download/download-command-line.jsx'
-import DownloadDatalad from '../download/download-datalad.jsx'
-
-const PaddedDiv = styled.div`
-  padding: 1em;
-`
-
-const DownloadDataset = ({
-  match: {
-    // snapshotId is widely used but snapshotTag is more accurate
-    params: { datasetId, snapshotId: snapshotTag },
-  },
-}) => (
-  <div>
-    <div className="container">
-      <div className="grid grid-between">
-        <div className="col col-12">
-          <h3>How to Download</h3>
-        </div>
-        <div className="col col-lg">
-          {'showDirectoryPicker' in globalThis ? (
-            <DownloadLink datasetId={datasetId} snapshotTag={snapshotTag} />
-          ) : (
-            <DownloadCommandLine
-              datasetId={datasetId}
-              snapshotTag={snapshotTag}
-            />
-          )}
-        </div>
-        <div className="col col-lg">
-          <DownloadS3 datasetId={datasetId} />
-        </div>
-      </div>
-      <hr />
-      <div className="grid grid-between">
-        {'showDirectoryPicker' in globalThis && (
-          <div className="col col-lg">
-            <DownloadCommandLine
-              datasetId={datasetId}
-              snapshotTag={snapshotTag}
-            />
-          </div>
-        )}
-        <div className="col col-lg">
-          <DownloadDatalad datasetId={datasetId} />
-        </div>
-      </div>
-      <div className="grid grid-between">
-        <div className="col">
-          <Link className="return-link m-l-0" to={`/datasets/${datasetId}`}>
-            Return to Dataset
-          </Link>
-        </div>
-      </div>
-    </div>
-  </div>
-)
-
-DownloadDataset.propTypes = {
-  match: PropTypes.object,
-}
-
-export default withRouter(DownloadDataset)