@openneuro/app 4.24.2 → 4.25.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openneuro/app",
-  "version": "4.24.2",
+  "version": "4.25.0-alpha.0",
   "description": "React JS web frontend for the OpenNeuro platform.",
   "license": "MIT",
   "main": "public/client.js",
@@ -20,8 +20,8 @@
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "@niivue/niivue": "0.34.0",
-    "@openneuro/client": "^4.24.2",
-    "@openneuro/components": "^4.24.2",
+    "@openneuro/client": "^4.25.0-alpha.0",
+    "@openneuro/components": "^4.25.0-alpha.0",
     "@tanstack/react-table": "^8.9.3",
     "bids-validator": "1.14.6",
     "bytes": "^3.0.0",
@@ -74,5 +74,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "40d36c06d07682624d5065d0affc43b23122d577"
+  "gitHead": "cb86a035f14433d4783991b586c0ab22f58ec7d8"
 }

package/src/scripts/datalad/dataset/dataset-query-fragments.js

@@ -194,7 +194,6 @@ export const SNAPSHOT_FIELDS = gql`
     }
     ...SnapshotIssues
     hexsha
-    onBrainlife
   }
   ${SNAPSHOT_ISSUES}
 `

package/src/scripts/dataset/__tests__/__snapshots__/snapshot-container.spec.tsx.snap

@@ -302,6 +302,99 @@ exports[`SnapshotContainer component > renders successfully 1`] = `
                 </article>
               </div>
             </div>
+            <div
+              class="clone-dropdown css-1jpt4j3"
+            >
+              <div
+                class="undefined dropdown-wrapper"
+              >
+                <div
+                  class="toggle "
+                >
+                  <span>
+                    <button
+                      aria-label="Analyze"
+                      class="on-button on-button--small on-button--primary  clone-link"
+                      role="button"
+                      type="button"
+                    >
+                      Analyze
+                      <i
+                        class="fas fa-caret-up"
+                      />
+                      <i
+                        class="fas fa-caret-down"
+                      />
+                    </button>
+                  </span>
+                </div>
+                <div
+                  class="menu collapsed"
+                  role="menu"
+                >
+                  <div
+                    class="dataset-git-access"
+                  >
+                    <span>
+                      <h4>
+                        Analyze this dataset
+                      </h4>
+                    </span>
+                    <p>
+                      Work with OpenNeuro datasets using any of these third-party tools.
+                    </p>
+                    <hr />
+                    <img
+                      height="16"
+                      src="/packages/openneuro-app/src/assets/external/brainlife.png"
+                      width="16"
+                    />
+                     
+                    <a
+                      href="https://brainlife.io/openneuro/ds001032/1.0.0"
+                      target="_blank"
+                    >
+                      View on Brainlife.io
+                    </a>
+                    <p>
+                      Brainlife.io is a free cloud platform for secure neuroscience data analysis.
+                    </p>
+                    <hr />
+                    <img
+                      height="16"
+                      src="/packages/openneuro-app/src/assets/external/nemar.png"
+                      width="16"
+                    />
+                     
+                    <a
+                      href="https://nemar.org/dataexplorer/detail?dataset_id=ds001032"
+                      target="_blank"
+                    >
+                      View on NEMAR
+                    </a>
+                    <p>
+                      View and analyze this dataset on the NEMAR OpenNeuro portal for MEG, iEEG, and EEG data.
+                    </p>
+                    <hr />
+                    <img
+                      height="16"
+                      src="/packages/openneuro-app/src/assets/external/cbrain.png"
+                      width="16"
+                    />
+                     
+                    <a
+                      href="https://portal.cbrain.mcgill.ca/openneuro/ds001032/versions/1.0.0"
+                      target="_blank"
+                    >
+                      View on CBRAIN
+                    </a>
+                    <p>
+                      CBRAIN is a web-based distributed computing platform for collaborative neuroimaging research.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
             <div
               class="clone-dropdown"
             >
@@ -330,6 +423,7 @@ exports[`SnapshotContainer component > renders successfully 1`] = `
                 </div>
                 <div
                   class="menu collapsed"
+                  role="menu"
                 >
                   <div>
                     <span>
@@ -1054,6 +1148,7 @@ OCI-1131441 (R. Poldrack, PI) in any publications.
                 </div>
                 <div
                   class="menu collapsed"
+                  role="menu"
                 >
                   <div
                     class="version-list-dropdown"

package/src/scripts/dataset/components/AnalyzeDropdown.tsx

@@ -0,0 +1,98 @@
+import React from "react"
+import { Dropdown } from "@openneuro/components/dropdown"
+import { Button } from "@openneuro/components/button"
+import styled from "@emotion/styled"
+import BrainlifeIcon from "../../../assets/external/brainlife.png"
+import NemarIcon from "../../../assets/external/nemar.png"
+import CbrainIcon from "../../../assets/external/cbrain.png"
+
+export interface CloneDropdownProps {
+  datasetId: string
+  snapshotVersion: string
+}
+
+const AnalyzeDiv = styled.div`
+  padding-right: 1em;
+`
+
+export const AnalyzeDropdown: React.FC<CloneDropdownProps> = (
+  { datasetId, snapshotVersion },
+) => {
+  const brainlifeUrl =
+    `https://brainlife.io/openneuro/${datasetId}/${snapshotVersion}`
+  const nemarUrl =
+    `https://nemar.org/dataexplorer/detail?dataset_id=${datasetId}`
+  const cbrainUrl =
+    `https://portal.cbrain.mcgill.ca/openneuro/${datasetId}/versions/${snapshotVersion}`
+  return (
+    <AnalyzeDiv className="clone-dropdown">
+      <Dropdown
+        label={
+          <Button
+            className="clone-link"
+            primary={true}
+            size="small"
+            label="Analyze"
+          >
+            <i className="fas fa-caret-up"></i>
+            <i className="fas fa-caret-down"></i>
+          </Button>
+        }
+      >
+        <div className="dataset-git-access">
+          <span>
+            <h4>Analyze this dataset</h4>
+          </span>
+          <p>
+            Work with OpenNeuro datasets using any of these third-party tools.
+          </p>
+          <hr />
+          <img
+            src={BrainlifeIcon}
+            height="16"
+            width="16"
+          />{" "}
+          <a
+            href={brainlifeUrl}
+            target="_blank"
+          >
+            View on Brainlife.io
+          </a>
+          <p>
+            Brainlife.io is a free cloud platform for secure neuroscience data
+            analysis.
+          </p>
+          <hr />
+          <img
+            src={NemarIcon}
+            height="16"
+            width="16"
+          />{" "}
+          <a
+            href={nemarUrl}
+            target="_blank"
+          >
+            View on NEMAR
+          </a>
+          <p>
+            View and analyze this dataset on the NEMAR OpenNeuro portal for MEG,
+            iEEG, and EEG data.
+          </p>
+          <hr />
+          <img
+            src={CbrainIcon}
+            height="16"
+            width="16"
+          />{" "}
+          <a href={cbrainUrl} target="_blank">
+            View on CBRAIN
+          </a>
+          <p>
+            CBRAIN is a web-based distributed computing platform for
+            collaborative neuroimaging research.
+          </p>
+        </div>
+      </Dropdown>
+    </AnalyzeDiv>
+  )
+}

package/src/scripts/dataset/components/__tests__/AnalyzeDropdown.spec.tsx

@@ -0,0 +1,19 @@
+import React from "react"
+import { fireEvent, render, screen } from "@testing-library/react"
+import { AnalyzeDropdown } from "../AnalyzeDropdown"
+
+describe("AnalyzeDropdown component", () => {
+  it("opens when clicked", () => {
+    render(
+      <AnalyzeDropdown datasetId="ds000031" snapshotVersion="1.0.0" />,
+    )
+
+    const button = screen.getByRole("button")
+    const menu = screen.getByRole("menu")
+
+    expect(button).toBeVisible()
+    expect(menu).toHaveClass("collapsed")
+    fireEvent.click(button)
+    expect(menu).toHaveClass("expanded")
+  })
+})

package/src/scripts/dataset/dataset-query.jsx

@@ -8,14 +8,6 @@ import { Loading } from "@openneuro/components/loading"
 import DatasetQueryContext from "../datalad/dataset/dataset-query-context.js"
 import DatasetContext from "../datalad/dataset/dataset-context.js"
 import DatasetRoutes from "./dataset-routes"
-import FilesSubscription from "../datalad/subscriptions/files-subscription.jsx"
-import usePermissionsSubscription from "../datalad/subscriptions/usePermissionsSubscription"
-import useSnapshotsUpdatedSubscriptions from "../datalad/subscriptions/useSnapshotsUpdatedSubscriptions"
-import useDatasetDeletedSubscription, {
-  datasetDeletedToast,
-} from "../datalad/subscriptions/useDatasetDeletedSubscription.jsx"
-import useDraftSubscription from "../datalad/subscriptions/useDraftSubscription.js"
-
 import ErrorBoundary, {
   ErrorBoundaryAssertionFailureException,
 } from "../errors/errorBoundary.jsx"
@@ -41,15 +33,6 @@ export const DatasetQueryHook = ({ datasetId, draft }) => {
       nextFetchPolicy: "cache-first",
     },
   )
-  usePermissionsSubscription([datasetId])
-  useSnapshotsUpdatedSubscriptions(datasetId)
-  useDatasetDeletedSubscription([datasetId], ({ data: subData }) => {
-    if (subData && subData.datasetDeleted === datasetId) {
-      navigate("/dashboard/datasets")
-      datasetDeletedToast(datasetId, data?.dataset?.draft?.description?.Name)
-    }
-  })
-  useDraftSubscription(datasetId)
 
   if (error) {
     if (error.message === "You do not have access to read this dataset.") {
@@ -94,7 +77,6 @@ export const DatasetQueryHook = ({ datasetId, draft }) => {
           }}
         >
           <DatasetRoutes dataset={data.dataset} />
-          <FilesSubscription datasetId={datasetId} />
         </DatasetQueryContext.Provider>
       </ErrorBoundary>
     </DatasetContext.Provider>

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

@@ -15,7 +15,6 @@ import {
 } from "../authentication/profile"
 import { useCookies } from "react-cookie"
 import { DatasetAlertDraft } from "./fragments/dataset-alert-draft"
-import { BrainLifeButton } from "./components/BrainLifeButton"
 import { CloneDropdown } from "./components/CloneDropdown"
 import { DatasetGitAccess } from "./components/DatasetGitAccess"
 import { DatasetHeader } from "./components/DatasetHeader"
@@ -141,10 +140,6 @@ const DraftContainer: React.FC<DraftContainerProps> = ({ dataset }) => {
                     issues={dataset.draft.issues}
                   />
                 </ValidationBlock>
-                <BrainLifeButton
-                  datasetId={datasetId}
-                  onBrainlife={dataset.onBrainlife}
-                />
                 <CloneDropdown
                   gitAccess={
                     <DatasetGitAccess

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

@@ -10,8 +10,7 @@ import Validation from "../validation/validation.jsx"
 import { config } from "../config"
 import DatasetCitation from "./fragments/dataset-citation.jsx"
 import { DatasetAlertVersion } from "./fragments/dataset-alert-version"
-
-import { BrainLifeButton } from "./components/BrainLifeButton"
+import { AnalyzeDropdown } from "./components/AnalyzeDropdown"
 import { CloneDropdown } from "./components/CloneDropdown"
 import { DatasetGitAccess } from "./components/DatasetGitAccess"
 import { DatasetHeader } from "./components/DatasetHeader"
@@ -21,7 +20,6 @@ import { MetaDataListBlock } from "./components/MetaDataListBlock"
 import { ModalitiesMetaDataBlock } from "./components/ModalitiesMetaDataBlock"
 import { ValidationBlock } from "./components/ValidationBlock"
 import { VersionList } from "./components/VersionList"
-import { NemarButton } from "./components/NemarButton"
 import { Username } from "../users/username"
 import { Loading } from "@openneuro/components/loading"
 
@@ -131,15 +129,8 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
                 <ValidationBlock>
                   <Validation datasetId={dataset.id} issues={snapshot.issues} />
                 </ValidationBlock>
-                <NemarButton
-                  datasetId={datasetId}
-                  onNemar={summary?.modalities.includes("EEG") ||
-                    summary?.modalities.includes("iEEG") ||
-                    summary?.modalities.includes("MEG")}
-                />
-                <BrainLifeButton
+                <AnalyzeDropdown
                   datasetId={datasetId}
-                  onBrainlife={snapshot.onBrainlife}
                   snapshotVersion={snapshot.tag}
                 />
                 <CloneDropdown

package/src/scripts/fixtures/dataset-query.ts

@@ -153,7 +153,6 @@ export const dataset = {
     __typename: "Analytic",
   },
   derivatives: [],
-  onBrainlife: false,
 }
 
 export const snapshot = {
@@ -296,5 +295,4 @@ export const snapshot = {
   ],
   __typename: "Snapshot",
   hexsha: "d62fdc42e2a568a6f89e33d68d3ef343ff883e02",
-  onBrainlife: false,
 }

package/src/scripts/queries/dataset.ts

@@ -45,7 +45,6 @@ export const getDatasetPage = gql`
         dataladUrl
         local
       }
-      onBrainlife
     }
   }
   ${DatasetQueryFragments.DRAFT_FRAGMENT}

package/src/scripts/datalad/subscriptions/__tests__/__snapshots__/files-subscription.spec.jsx.snap

@@ -1,3 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`FilesSubscription > renders with common props 1`] = `<DocumentFragment />`;

package/src/scripts/datalad/subscriptions/__tests__/files-subscription.spec.jsx

@@ -1,78 +0,0 @@
-import React from "react"
-import { render } from "@testing-library/react"
-import { MockedProvider } from "@apollo/client/testing"
-import FilesSubscription, {
-  deleteFilesReducer,
-  updateFilesReducer,
-} from "../files-subscription.jsx"
-
-describe("FilesSubscription", () => {
-  it("renders with common props", () => {
-    const { asFragment } = render(<FilesSubscription datasetId="ds001" />, {
-      wrapper: MockedProvider,
-    })
-    expect(asFragment()).toMatchSnapshot()
-  })
-})
-
-describe("deleteFilesReducer", () => {
-  let draft, filesToDelete
-  beforeEach(() => {
-    draft = {
-      a: 1,
-      files: [
-        { filename: "deleted/file.txt" },
-        { filename: "another_deleted_file.txt" },
-        { filename: "path/to/file.txt" },
-        { filename: "deleted/file/again/here" },
-      ],
-      steak: "sauce",
-    }
-    filesToDelete = [
-      { filename: "deleted" },
-      { filename: "another_deleted_file.txt" },
-    ]
-  })
-  it("removes files from draft", () => {
-    const output = deleteFilesReducer(filesToDelete, draft)
-    expect(output).toEqual({
-      a: 1,
-      files: [{ filename: "path/to/file.txt" }],
-      steak: "sauce",
-    })
-  })
-})
-
-describe("updateFilesReducer", () => {
-  let draft, filesToUpdate
-  beforeEach(() => {
-    draft = {
-      a: 1,
-      files: [
-        { filename: "updated/file.txt", id: "something" },
-        { filename: "a.txt" },
-        { filename: "b" },
-      ],
-      steak: "sauce",
-    }
-    filesToUpdate = [
-      { filename: "updated:file.txt", id: "somethingelse" },
-      { filename: "new:file.txt", id: "x" },
-      { filename: "another:new:file", id: "y" },
-    ]
-  })
-  it("removes files from draft", () => {
-    const output = updateFilesReducer(filesToUpdate, draft)
-    expect(output).toEqual({
-      a: 1,
-      files: [
-        { filename: "updated/file.txt", id: "somethingelse" },
-        { filename: "a.txt" },
-        { filename: "b" },
-        { filename: "new/file.txt", id: "x" },
-        { filename: "another/new/file", id: "y" },
-      ],
-      steak: "sauce",
-    })
-  })
-})

package/src/scripts/datalad/subscriptions/files-subscription.jsx

@@ -1,105 +0,0 @@
-import React from "react"
-import PropTypes from "prop-types"
-import { Subscription } from "@apollo/client/react/components"
-import { gql } from "@apollo/client"
-import { DRAFT_FILES_FRAGMENT } from "../dataset/dataset-query-fragments.js"
-import { datasetCacheId } from "../mutations/cache-id.js"
-// import { datasetCacheId } from '../mutations/cache-id.js'
-
-const FILES_SUBSCRIPTION = gql`
-  subscription filesUpdated($datasetId: ID!) {
-    filesUpdated(datasetId: $datasetId) {
-      action
-      payload {
-        id
-        filename
-        size
-        directory
-      }
-    }
-  }
-`
-
-/**
- * Remove file with given filename from draft
- * @param {Object[]} files - file to be deleted (see DatasetFile schema)
- * @param {Object} draft - current draft in apollo cache
- * @returns {Object} - updated version of draft
- */
-export const deleteFilesReducer = (files, draft) => {
-  const pathMatch = files
-    .map(({ filename }) => filename.split(":").join("\\/"))
-    .join("|")
-  return {
-    ...draft,
-    files: draft.files.filter((file) => !file.filename.match(pathMatch)),
-  }
-}
-
-export const updateFilesReducer = (files, draft) => {
-  files = files.map((file) => ({
-    ...file,
-    filename: file.filename.split(":").join("/"),
-  }))
-  const newFiles = []
-  const draftFiles = [...draft.files]
-  files.forEach((file) => {
-    const updatedFileIndex = draftFiles.findIndex(
-      (draftFile) =>
-        draftFile.filename === file.filename || draftFile.id === file.id,
-    )
-    if (updatedFileIndex === -1) newFiles.push(file)
-    else draftFiles[updatedFileIndex] = file
-  })
-  return {
-    ...draft,
-    files: [...draftFiles, ...newFiles],
-  }
-}
-
-export const draftReducer = (draft, action, payload) => {
-  switch (action) {
-    case "DELETE":
-      return deleteFilesReducer(payload, draft)
-    case "UPDATE":
-      return updateFilesReducer(payload, draft)
-    default:
-      return { ...draft }
-  }
-}
-
-const FilesSubscription = ({ datasetId }) => (
-  <Subscription
-    subscription={FILES_SUBSCRIPTION}
-    variables={{ datasetId }}
-    onSubscriptionData={({ client, subscriptionData }) => {
-      const { cache } = client
-      if (subscriptionData.data.filesUpdated) {
-        const { action, payload } = subscriptionData.data.filesUpdated
-        if (action && payload) {
-          const id = datasetCacheId(datasetId)
-          const { draft } = cache.readFragment({
-            id,
-            fragment: DRAFT_FILES_FRAGMENT,
-          })
-          const updatedDraft = draftReducer(draft, action, payload)
-          cache.writeFragment({
-            id,
-            fragment: DRAFT_FILES_FRAGMENT,
-            data: {
-              __typename: "Dataset",
-              id: datasetId,
-              draft: updatedDraft,
-            },
-          })
-        }
-      }
-    }}
-  />
-)
-
-FilesSubscription.propTypes = {
-  datasetId: PropTypes.string,
-}
-
-export default FilesSubscription

package/src/scripts/datalad/subscriptions/useDatasetDeletedSubscription.jsx

@@ -1,30 +0,0 @@
-import React from "react"
-import { gql, useSubscription } from "@apollo/client"
-
-import { toast } from "react-toastify"
-import ToastContent from "../../common/partials/toast-content.jsx"
-
-const DATASET_DELETED_SUBSCRIPTION = gql`
-  subscription datasetDeleted($datasetIds: [ID!]) {
-    datasetDeleted(datasetIds: $datasetIds)
-  }
-`
-
-const useDatasetDeletedSubscription = (datasetIds, cb) => {
-  const result = useSubscription(DATASET_DELETED_SUBSCRIPTION, {
-    variables: { datasetIds },
-    shouldResubscribe: true,
-  })
-  cb(result)
-}
-
-export const datasetDeletedToast = (datasetId, name = datasetId) => {
-  toast.warn(
-    <ToastContent
-      title="Deleting Dataset"
-      body={`Dataset "${name}" is being removed.`}
-    />,
-  )
-}
-
-export default useDatasetDeletedSubscription

package/src/scripts/datalad/subscriptions/useDraftSubscription.js

@@ -1,26 +0,0 @@
-import { gql, useSubscription } from "@apollo/client"
-
-import {
-  DATASET_ISSUES,
-  DRAFT_FRAGMENT,
-} from "../dataset/dataset-query-fragments.js"
-
-const DRAFT_SUBSCRIPTION = gql`
-  subscription draftUpdated($datasetId: ID!) {
-    draftUpdated(datasetId: $datasetId) {
-      id
-      ...DatasetDraft
-      ...DatasetIssues
-    }
-  }
-  ${DRAFT_FRAGMENT}
-  ${DATASET_ISSUES}
-`
-
-const useDraftSubscription = (datasetId) =>
-  useSubscription(DRAFT_SUBSCRIPTION, {
-    variables: { datasetId },
-    shouldResubscribe: true,
-  })
-
-export default useDraftSubscription

package/src/scripts/datalad/subscriptions/usePermissionsSubscription.js

@@ -1,21 +0,0 @@
-import { gql, useSubscription } from "@apollo/client"
-
-import { PERMISSION_FRAGMENT } from "../dataset/dataset-query-fragments.js"
-
-const PERMISSIONS_SUBSCRIPTION = gql`
-  subscription permissionsUpdated($datasetIds: [ID!]) {
-    permissionsUpdated(datasetIds: $datasetIds) {
-      id
-      ...DatasetPermissions
-    }
-  }
-  ${PERMISSION_FRAGMENT}
-`
-
-const usePermissionsSubscription = (datasetIds) =>
-  useSubscription(PERMISSIONS_SUBSCRIPTION, {
-    variables: { datasetIds: datasetIds || ["NULL_ID"] },
-    shouldResubscribe: true,
-  })
-
-export default usePermissionsSubscription

package/src/scripts/datalad/subscriptions/useSnapshotsUpdatedSubscriptions.js

@@ -1,21 +0,0 @@
-import { gql, useSubscription } from "@apollo/client"
-
-import { DATASET_SNAPSHOTS } from "../dataset/dataset-query-fragments.js"
-
-export const SNAPSHOTS_UPDATED_SUBSCRIPTION = gql`
-  subscription snapshotsUpdated($datasetId: ID!) {
-    snapshotsUpdated(datasetId: $datasetId) {
-      id
-      ...DatasetSnapshots
-    }
-  }
-  ${DATASET_SNAPSHOTS}
-`
-
-const useSnapshotsUpdatedSubscription = (datasetId) =>
-  useSubscription(SNAPSHOTS_UPDATED_SUBSCRIPTION, {
-    variables: { datasetId },
-    shouldResubscribe: true,
-  })
-
-export default useSnapshotsUpdatedSubscription

package/src/scripts/dataset/components/BrainLifeButton.tsx

@@ -1,38 +0,0 @@
-import React from "react"
-import { Tooltip } from "@openneuro/components/tooltip"
-import { Button } from "@openneuro/components/button"
-
-export interface BrainLifeButtonProps {
-  datasetId: string
-  snapshotVersion?: string
-  onBrainlife: boolean
-}
-
-export const BrainLifeButton: React.FC<BrainLifeButtonProps> = ({
-  datasetId,
-  snapshotVersion,
-  onBrainlife,
-}) => {
-  const url = snapshotVersion
-    ? `https://brainlife.io/openneuro/${datasetId}/${snapshotVersion}`
-    : `https://brainlife.io/openneuro/${datasetId}`
-  return (
-    <>
-      {onBrainlife && (
-        <div className="brainlife-block">
-          <Tooltip tooltip="Analyze on brainlife" flow="up">
-            <Button
-              className="brainlife-link"
-              primary={true}
-              size="small"
-              onClick={() => {
-                window.open(url, "_blank")
-              }}
-              label="brainlife.io"
-            />
-          </Tooltip>
-        </div>
-      )}
-    </>
-  )
-}

package/src/scripts/dataset/components/NemarButton.tsx

@@ -1,38 +0,0 @@
-import React from "react"
-import { Tooltip } from "@openneuro/components/tooltip"
-import { Button } from "@openneuro/components/button"
-
-export interface NemarButtonProps {
-  datasetId: string
-  onNemar: boolean
-}
-
-export const NemarButton: React.FC<NemarButtonProps> = ({
-  datasetId,
-  onNemar,
-}) => {
-  const url = `https://nemar.org/dataexplorer/detail?dataset_id=${datasetId}`
-  return (
-    <>
-      {onNemar && (
-        <div className="brainlife-block">
-          <Tooltip
-            tooltip="View and analyze this dataset on the NEMAR OpenNeuro portal for MEG, iEEG, and EEG data"
-            flow="up"
-            wrapText={true}
-          >
-            <Button
-              className="brainlife-link"
-              primary={true}
-              size="small"
-              onClick={() => {
-                window.open(url, "_blank")
-              }}
-              label="NEMAR"
-            />
-          </Tooltip>
-        </div>
-      )}
-    </>
-  )
-}