@openneuro/app 4.20.5 → 4.20.6-alpha.3

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

@@ -1,49 +1,49 @@
 // Example queries responses for use in tests
 export const dataset = {
-  id: 'ds001032',
-  created: '2021-12-17T22:24:05.500Z',
+  id: "ds001032",
+  created: "2021-12-17T22:24:05.500Z",
   public: true,
   following: true,
   followers: [
     {
-      userId: '18492691-707f-4161-bc73-6ed22ce40138',
-      __typename: 'Follower',
+      userId: "18492691-707f-4161-bc73-6ed22ce40138",
+      __typename: "Follower",
     },
   ],
   starred: false,
   stars: [],
-  worker: 'datalad-0',
+  worker: "datalad-0",
   draft: {
-    id: 'ds001032',
-    modified: '2021-12-17T22:32:35.282Z',
+    id: "ds001032",
+    modified: "2021-12-17T22:32:35.282Z",
     readme:
-      'This dataset was obtained from the OpenfMRI project (http://www.openfmri.org).\nAccession #: ds003\nDescription: Rhyme judgment\n\nRelease history:\n10/06/2011: initial release\n3/21/2013: Updated release with QA information\n\nThis dataset is made available under the Public Domain Dedication and License \nv1.0, whose full text can be found at \nhttp://www.opendatacommons.org/licenses/pddl/1.0/. \nWe hope that all users will follow the ODC Attribution/Share-Alike \nCommunity Norms (http://www.opendatacommons.org/norms/odc-by-sa/); \nin particular, while not legally required, we hope that all users \nof the data will acknowledge the OpenfMRI project and NSF Grant \nOCI-1131441 (R. Poldrack, PI) in any publications.\n',
-    head: 'd62fdc42e2a568a6f89e33d68d3ef343ff883e02',
+      "This dataset was obtained from the OpenfMRI project (http://www.openfmri.org).\nAccession #: ds003\nDescription: Rhyme judgment\n\nRelease history:\n10/06/2011: initial release\n3/21/2013: Updated release with QA information\n\nThis dataset is made available under the Public Domain Dedication and License \nv1.0, whose full text can be found at \nhttp://www.opendatacommons.org/licenses/pddl/1.0/. \nWe hope that all users will follow the ODC Attribution/Share-Alike \nCommunity Norms (http://www.opendatacommons.org/norms/odc-by-sa/); \nin particular, while not legally required, we hope that all users \nof the data will acknowledge the OpenfMRI project and NSF Grant \nOCI-1131441 (R. Poldrack, PI) in any publications.\n",
+    head: "d62fdc42e2a568a6f89e33d68d3ef343ff883e02",
     size: 623389,
     description: {
-      Name: 'DS003-downsampled (only T1)',
-      Authors: ['J. Doe', 'J. Doe', 'J. Doe'],
+      Name: "DS003-downsampled (only T1)",
+      Authors: ["J. Doe", "J. Doe", "J. Doe"],
       DatasetDOI: null,
-      License: 'CC0',
+      License: "CC0",
       Acknowledgements: null,
       HowToAcknowledge: null,
       Funding: null,
       ReferencesAndLinks: null,
       EthicsApprovals: null,
-      __typename: 'Description',
+      __typename: "Description",
     },
     summary: {
-      modalities: ['MRI'],
-      secondaryModalities: ['MRI_Structural'],
+      modalities: ["MRI"],
+      secondaryModalities: ["MRI_Structural"],
       sessions: [],
-      subjects: ['01', '02'],
+      subjects: ["01", "02"],
       subjectMetadata: [
         {
-          participantId: '01',
+          participantId: "01",
           age: 25,
-          sex: 'M',
+          sex: "M",
           group: null,
-          __typename: 'SubjectMetadata',
+          __typename: "SubjectMetadata",
         },
       ],
       tasks: [],
@@ -51,208 +51,208 @@ export const dataset = {
       totalFiles: 7,
       dataProcessed: false,
       pet: null,
-      __typename: 'Summary',
+      __typename: "Summary",
     },
-    __typename: 'Draft',
+    __typename: "Draft",
     issues: [
       {
-        severity: 'warning',
+        severity: "warning",
         code: 82,
         reason:
-          'Tabular file contains custom columns not described in a data dictionary',
+          "Tabular file contains custom columns not described in a data dictionary",
         files: [
           {
             evidence:
-              'Columns: sex, age not defined, please define in: /participants.json',
+              "Columns: sex, age not defined, please define in: /participants.json",
             line: null,
             character: null,
             reason:
-              'Tabular file contains custom columns not described in a data dictionary',
+              "Tabular file contains custom columns not described in a data dictionary",
             file: {
-              name: 'participants.tsv',
-              path: '/datalad/ds001032/participants.tsv',
-              relativePath: '/participants.tsv',
-              __typename: 'ValidationIssueFileDetail',
+              name: "participants.tsv",
+              path: "/datalad/ds001032/participants.tsv",
+              relativePath: "/participants.tsv",
+              __typename: "ValidationIssueFileDetail",
             },
-            __typename: 'ValidationIssueFile',
+            __typename: "ValidationIssueFile",
           },
         ],
         additionalFileCount: 0,
-        __typename: 'ValidationIssue',
+        __typename: "ValidationIssue",
       },
     ],
   },
-  __typename: 'Dataset',
+  __typename: "Dataset",
   permissions: {
-    id: 'ds001032',
+    id: "ds001032",
     userPermissions: [
       {
         user: {
-          id: '18492691-707f-4161-bc73-6ed22ce40138',
-          email: 'test@example.com',
-          __typename: 'User',
+          id: "18492691-707f-4161-bc73-6ed22ce40138",
+          email: "test@example.com",
+          __typename: "User",
         },
-        level: 'admin',
-        __typename: 'Permission',
+        level: "admin",
+        __typename: "Permission",
       },
     ],
-    __typename: 'DatasetPermissions',
+    __typename: "DatasetPermissions",
   },
   snapshots: [
     {
-      id: 'ds001032:1.0.0',
-      tag: '1.0.0',
-      created: '2021-12-17T22:22:49.000Z',
-      hexsha: 'e4daf5567b86426b13e2d319859164e410975056',
-      __typename: 'Snapshot',
+      id: "ds001032:1.0.0",
+      tag: "1.0.0",
+      created: "2021-12-17T22:22:49.000Z",
+      hexsha: "e4daf5567b86426b13e2d319859164e410975056",
+      __typename: "Snapshot",
     },
     {
-      id: 'ds001032:2.0.0',
-      tag: '2.0.0',
-      created: '2021-12-17T22:32:08.000Z',
-      hexsha: 'd62fdc42e2a568a6f89e33d68d3ef343ff883e02',
-      __typename: 'Snapshot',
+      id: "ds001032:2.0.0",
+      tag: "2.0.0",
+      created: "2021-12-17T22:32:08.000Z",
+      hexsha: "d62fdc42e2a568a6f89e33d68d3ef343ff883e02",
+      __typename: "Snapshot",
     },
   ],
   metadata: {
-    datasetId: 'ds001032',
+    datasetId: "ds001032",
     datasetUrl: null,
     datasetName: null,
     firstSnapshotCreatedAt: null,
     latestSnapshotCreatedAt: null,
-    dxStatus: '',
+    dxStatus: "",
     tasksCompleted: [],
     trialCount: null,
-    grantFunderName: '',
-    grantIdentifier: '',
-    studyDesign: '',
-    studyDomain: '',
-    studyLongitudinal: '',
+    grantFunderName: "",
+    grantIdentifier: "",
+    studyDesign: "",
+    studyDomain: "",
+    studyLongitudinal: "",
     dataProcessed: null,
-    species: '',
-    associatedPaperDOI: '',
-    openneuroPaperDOI: '',
+    species: "",
+    associatedPaperDOI: "",
+    openneuroPaperDOI: "",
     seniorAuthor: null,
     adminUsers: [],
     ages: [],
     modalities: [],
     affirmedDefaced: true,
     affirmedConsent: false,
-    __typename: 'Metadata',
+    __typename: "Metadata",
   },
   comments: [],
   uploader: {
-    id: '18492691-707f-4161-bc73-6ed22ce40138',
-    name: 'Test User',
-    email: 'test@example.com',
-    __typename: 'User',
+    id: "18492691-707f-4161-bc73-6ed22ce40138",
+    name: "Test User",
+    email: "test@example.com",
+    __typename: "User",
   },
   analytics: {
     downloads: 0,
     views: 23,
-    __typename: 'Analytic',
+    __typename: "Analytic",
   },
   derivatives: [],
   onBrainlife: false,
 }
 
 export const snapshot = {
-  id: 'ds001032:1.0.0',
-  tag: '1.0.0',
-  created: '2021-12-17T22:32:08.000Z',
+  id: "ds001032:1.0.0",
+  tag: "1.0.0",
+  created: "2021-12-17T22:32:08.000Z",
   readme:
-    'This dataset was obtained from the OpenfMRI project (http://www.openfmri.org).\nAccession #: ds003\nDescription: Rhyme judgment\n\nRelease history:\n10/06/2011: initial release\n3/21/2013: Updated release with QA information\n\nThis dataset is made available under the Public Domain Dedication and License \nv1.0, whose full text can be found at \nhttp://www.opendatacommons.org/licenses/pddl/1.0/. \nWe hope that all users will follow the ODC Attribution/Share-Alike \nCommunity Norms (http://www.opendatacommons.org/norms/odc-by-sa/); \nin particular, while not legally required, we hope that all users \nof the data will acknowledge the OpenfMRI project and NSF Grant \nOCI-1131441 (R. Poldrack, PI) in any publications.\n',
+    "This dataset was obtained from the OpenfMRI project (http://www.openfmri.org).\nAccession #: ds003\nDescription: Rhyme judgment\n\nRelease history:\n10/06/2011: initial release\n3/21/2013: Updated release with QA information\n\nThis dataset is made available under the Public Domain Dedication and License \nv1.0, whose full text can be found at \nhttp://www.opendatacommons.org/licenses/pddl/1.0/. \nWe hope that all users will follow the ODC Attribution/Share-Alike \nCommunity Norms (http://www.opendatacommons.org/norms/odc-by-sa/); \nin particular, while not legally required, we hope that all users \nof the data will acknowledge the OpenfMRI project and NSF Grant \nOCI-1131441 (R. Poldrack, PI) in any publications.\n",
   size: 623389,
   deprecated: null,
   description: {
-    Name: 'DS003-downsampled (only T1)',
-    Authors: ['J. Doe', 'J. Doe', 'J. Doe'],
+    Name: "DS003-downsampled (only T1)",
+    Authors: ["J. Doe", "J. Doe", "J. Doe"],
     DatasetDOI: null,
-    License: 'CC0',
+    License: "CC0",
     Acknowledgements: null,
     HowToAcknowledge: null,
     Funding: null,
     ReferencesAndLinks: null,
     EthicsApprovals: null,
-    __typename: 'Description',
+    __typename: "Description",
   },
   files: [
     {
-      id: '7dcbfd4d8ef17174c6eb2cc023f7950c682563a5',
-      key: '4feabfe8803db741e9a0c5ad00bc3ada109558e3',
-      filename: 'CHANGES',
+      id: "7dcbfd4d8ef17174c6eb2cc023f7950c682563a5",
+      key: "4feabfe8803db741e9a0c5ad00bc3ada109558e3",
+      filename: "CHANGES",
       size: 52,
       directory: null,
       annexed: false,
-      __typename: 'DatasetFile',
+      __typename: "DatasetFile",
     },
     {
-      id: '63888a199a5ce37377b1cd708cda59577dad218f',
-      key: 'fa84e5f958ec72d42b3e196e592f6db9f7104b19',
-      filename: 'README',
+      id: "63888a199a5ce37377b1cd708cda59577dad218f",
+      key: "fa84e5f958ec72d42b3e196e592f6db9f7104b19",
+      filename: "README",
       size: 709,
       directory: null,
       annexed: false,
-      __typename: 'DatasetFile',
+      __typename: "DatasetFile",
     },
     {
-      id: '0a2a5d8d72a31f03608db59c4cfd650aba77c363',
-      key: 'b08aa0ec5b5e716479824859524a22140fb2af82',
-      filename: 'T1w.json',
+      id: "0a2a5d8d72a31f03608db59c4cfd650aba77c363",
+      key: "b08aa0ec5b5e716479824859524a22140fb2af82",
+      filename: "T1w.json",
       size: 196,
       directory: null,
       annexed: false,
-      __typename: 'DatasetFile',
+      __typename: "DatasetFile",
     },
     {
-      id: 'a2922b427c5c997e77ce058e0ce57ffd17123a7f',
-      key: '0b1856b91c11f67098ce60114417a62dd55730a5',
-      filename: 'dataset_description.json',
+      id: "a2922b427c5c997e77ce058e0ce57ffd17123a7f",
+      key: "0b1856b91c11f67098ce60114417a62dd55730a5",
+      filename: "dataset_description.json",
       size: 172,
       directory: null,
       annexed: false,
-      __typename: 'DatasetFile',
+      __typename: "DatasetFile",
     },
     {
-      id: 'f682a32c9538082fa6c8ad11e9a536dc07d1d0cf',
-      key: '37ecbdc7ab8ffaf2cddecc338092f6679089287d',
-      filename: 'participants.tsv',
+      id: "f682a32c9538082fa6c8ad11e9a536dc07d1d0cf",
+      key: "37ecbdc7ab8ffaf2cddecc338092f6679089287d",
+      filename: "participants.tsv",
       size: 36,
       directory: null,
       annexed: false,
-      __typename: 'DatasetFile',
+      __typename: "DatasetFile",
     },
     {
-      id: 'directory:sub-01',
+      id: "directory:sub-01",
       key: null,
-      filename: 'sub-01',
+      filename: "sub-01",
       size: 1,
       directory: true,
       annexed: null,
-      __typename: 'DatasetFile',
+      __typename: "DatasetFile",
     },
     {
-      id: 'directory:sub-02',
+      id: "directory:sub-02",
       key: null,
-      filename: 'sub-02',
+      filename: "sub-02",
       size: 1,
       directory: true,
       annexed: null,
-      __typename: 'DatasetFile',
+      __typename: "DatasetFile",
     },
   ],
   summary: {
-    modalities: ['MRI'],
-    secondaryModalities: ['MRI_Structural'],
+    modalities: ["MRI"],
+    secondaryModalities: ["MRI_Structural"],
     sessions: [],
-    subjects: ['01', '02'],
+    subjects: ["01", "02"],
     subjectMetadata: [
       {
-        participantId: '01',
+        participantId: "01",
         age: 25,
-        sex: 'M',
+        sex: "M",
         group: null,
-        __typename: 'SubjectMetadata',
+        __typename: "SubjectMetadata",
       },
     ],
     tasks: [],
@@ -260,41 +260,41 @@ export const snapshot = {
     totalFiles: 7,
     dataProcessed: false,
     pet: null,
-    __typename: 'Summary',
+    __typename: "Summary",
   },
   analytics: {
     downloads: 0,
     views: 24,
-    __typename: 'Analytic',
+    __typename: "Analytic",
   },
   issues: [
     {
-      severity: 'warning',
+      severity: "warning",
       code: 82,
       reason:
-        'Tabular file contains custom columns not described in a data dictionary',
+        "Tabular file contains custom columns not described in a data dictionary",
       files: [
         {
           evidence:
-            'Columns: sex, age not defined, please define in: /participants.json',
+            "Columns: sex, age not defined, please define in: /participants.json",
           line: null,
           character: null,
           reason:
-            'Tabular file contains custom columns not described in a data dictionary',
+            "Tabular file contains custom columns not described in a data dictionary",
           file: {
-            name: 'participants.tsv',
-            path: '/datalad/ds001032/participants.tsv',
-            relativePath: '/participants.tsv',
-            __typename: 'ValidationIssueFileDetail',
+            name: "participants.tsv",
+            path: "/datalad/ds001032/participants.tsv",
+            relativePath: "/participants.tsv",
+            __typename: "ValidationIssueFileDetail",
           },
-          __typename: 'ValidationIssueFile',
+          __typename: "ValidationIssueFile",
         },
       ],
       additionalFileCount: 0,
-      __typename: 'ValidationIssue',
+      __typename: "ValidationIssue",
     },
   ],
-  __typename: 'Snapshot',
-  hexsha: 'd62fdc42e2a568a6f89e33d68d3ef343ff883e02',
+  __typename: "Snapshot",
+  hexsha: "d62fdc42e2a568a6f89e33d68d3ef343ff883e02",
   onBrainlife: false,
 }

package/src/scripts/fixtures/mock-app-wrapper.tsx

@@ -1,7 +1,7 @@
-import React, { useState } from 'react'
-import { MemoryRouter } from 'react-router-dom'
-import { UserModalOpenCtx } from '../utils/user-login-modal-ctx'
-import { MockedProvider } from '@apollo/client/testing'
+import React, { useState } from "react"
+import { MemoryRouter } from "react-router-dom"
+import { UserModalOpenCtx } from "../utils/user-login-modal-ctx"
+import { MockedProvider } from "@apollo/client/testing"
 
 // Provide the basics needed to render complex components with mocked router, apollo, etc
 export const MockAppWrapper = ({ children }) => {

package/src/scripts/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react'
-import Uploader from './uploader/uploader.jsx'
-import AppRoutes from './routes'
-import HeaderContainer from './common/containers/header'
-import FooterContainer from './common/containers/footer'
-import { SearchParamsProvider } from './search/search-params-ctx'
-import { UserModalOpenProvider } from './utils/user-login-modal-ctx'
-import { useAnalytics } from './utils/analytics'
+import React from "react"
+import Uploader from "./uploader/uploader.jsx"
+import AppRoutes from "./routes"
+import HeaderContainer from "./common/containers/header"
+import FooterContainer from "./common/containers/footer"
+import { SearchParamsProvider } from "./search/search-params-ctx"
+import { UserModalOpenProvider } from "./utils/user-login-modal-ctx"
+import { useAnalytics } from "./utils/analytics"
 
-import '../assets/email-header.png'
+import "../assets/email-header.png"
 
 const Index = (): React.ReactElement => {
   useAnalytics()

package/src/scripts/pages/admin/admin.jsx

@@ -1,10 +1,10 @@
 // dependencies -------------------------------------------------------
 
-import React from 'react'
-import { Navigate, Routes, Route, NavLink } from 'react-router-dom'
-import Users from './users.jsx'
-import FlaggedFiles from './flagged-files.jsx'
-import AdminUser from '../../authentication/admin-user.jsx'
+import React from "react"
+import { Navigate, NavLink, Route, Routes } from "react-router-dom"
+import Users from "./users.jsx"
+import FlaggedFiles from "./flagged-files.jsx"
+import AdminUser from "../../authentication/admin-user.jsx"
 
 class Dashboard extends React.Component {
   // life cycle events --------------------------------------------------

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

@@ -1,15 +1,15 @@
 // dependencies -------------------------------------------------------
 
-import React, { useState } from 'react'
-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 { Link } from 'react-router-dom'
-import { pageTitle } from '../../resources/strings.js'
+import React, { useState } from "react"
+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 { Link } from "react-router-dom"
+import { pageTitle } from "../../resources/strings.js"
 
-export const unescapePath = path => path.replace(/:/g, '/')
+export const unescapePath = (path) => path.replace(/:/g, "/")
 
 export const FLAGGED_FILES = gql`
   query flaggedFiles($flagged: Boolean, $deleted: Boolean) {
@@ -30,7 +30,7 @@ const FlaggedFilesContainer = () => {
   const [includeDeleted, setIncludeDeleted] = useState(false)
   const { data, loading, error } = useQuery(FLAGGED_FILES, {
     variables: { flagged: includeFlagged, deleted: includeDeleted },
-    errorPolicy: 'all',
+    errorPolicy: "all",
   })
   return (
     <FlaggedFiles
@@ -68,26 +68,28 @@ const FlaggedFiles = ({
           <div className="filters">
             <label>Filter By:</label>
             <button
-              className={includeFlagged ? 'active' : null}
-              onClick={() => setIncludeFlagged(prev => !prev)}>
+              className={includeFlagged ? "active" : null}
+              onClick={() => setIncludeFlagged((prev) => !prev)}
+            >
               <span className="filter-flagged">
                 <i
-                  className={
-                    includeFlagged ? 'fa fa-check-square-o' : 'fa fa-square-o'
-                  }
-                />{' '}
+                  className={includeFlagged
+                    ? "fa fa-check-square-o"
+                    : "fa fa-square-o"}
+                />{" "}
                 Flagged
               </span>
             </button>
             <button
-              className={includeDeleted ? 'active' : null}
-              onClick={() => setIncludeDeleted(prev => !prev)}>
+              className={includeDeleted ? "active" : null}
+              onClick={() => setIncludeDeleted((prev) => !prev)}
+            >
               <span className="filter-deleted">
                 <i
-                  className={
-                    includeDeleted ? 'fa fa-check-square-o' : 'fa fa-square-o'
-                  }
-                />{' '}
+                  className={includeDeleted
+                    ? "fa fa-check-square-o"
+                    : "fa fa-square-o"}
+                />{" "}
                 Deleted
               </span>
             </button>
@@ -99,13 +101,13 @@ const FlaggedFiles = ({
         <div className="users-panel-wrap">
           {loading && <Loading />}
           {data &&
-            (data.flaggedFiles.length ? (
-              data.flaggedFiles.map((flaggedFile, key) => (
-                <FlaggedItem {...flaggedFile} key={key} />
-              ))
-            ) : (
-              <h4>No Results Found</h4>
-            ))}
+            (data.flaggedFiles.length
+              ? (
+                data.flaggedFiles.map((flaggedFile, key) => (
+                  <FlaggedItem {...flaggedFile} key={key} />
+                ))
+              )
+              : <h4>No Results Found</h4>)}
         </div>
       </div>
     </div>
@@ -122,7 +124,7 @@ FlaggedFiles.propTypes = {
 }
 
 const datasetUrlPath = (datasetId, snapshot) =>
-  `/datasets/${datasetId}${snapshot === 'HEAD' ? '' : `/versions/${snapshot}`}`
+  `/datasets/${datasetId}${snapshot === "HEAD" ? "" : `/versions/${snapshot}`}`
 
 const FlaggedItem = ({
   datasetId,
@@ -136,7 +138,7 @@ const FlaggedItem = ({
         <label>Dataset : Snapshot</label>
         <Link to={datasetUrlPath(datasetId, snapshot)}>
           {datasetId}
-          {' : '}
+          {" : "}
           {snapshot}
         </Link>
       </div>

package/src/scripts/pages/admin/user-fragment.ts

@@ -1,4 +1,4 @@
-import { gql } from '@apollo/client'
+import { gql } from "@apollo/client"
 
 export const USER_FRAGMENT = gql`
   fragment userFields on User {

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

@@ -1,10 +1,10 @@
-import React, { FC, ReactElement } from 'react'
-import { gql } from '@apollo/client'
-import { Mutation } from '@apollo/client/react/components'
-import { WarnButton } from '@openneuro/components/warn-button'
-import { getProfile } from '../../authentication/profile'
-import { useCookies } from 'react-cookie'
-import { USER_FRAGMENT } from './user-fragment'
+import React, { FC, ReactElement } from "react"
+import { gql } from "@apollo/client"
+import { Mutation } from "@apollo/client/react/components"
+import { WarnButton } from "@openneuro/components/warn-button"
+import { getProfile } from "../../authentication/profile"
+import { useCookies } from "react-cookie"
+import { USER_FRAGMENT } from "./user-fragment"
 
 interface UserToolsProps {
   user: Record<string, unknown>
@@ -31,8 +31,8 @@ export const SET_BLOCKED = gql`
 
 export const UserTools: FC<UserToolsProps> = ({ user, refetch }) => {
   const [cookies] = useCookies()
-  const adminIcon = user.admin ? 'fa-check-square-o' : 'fa-square-o'
-  const blacklistIcon = user.blocked ? 'fa-check-square-o' : 'fa-square-o'
+  const adminIcon = user.admin ? "fa-check-square-o" : "fa-square-o"
+  const blacklistIcon = user.blocked ? "fa-check-square-o" : "fa-square-o"
 
   if (user.id !== getProfile(cookies).sub) {
     return (
@@ -41,7 +41,8 @@ export const UserTools: FC<UserToolsProps> = ({ user, refetch }) => {
           <div className="tool">
             <Mutation
               mutation={SET_ADMIN}
-              variables={{ id: user.id, admin: !user.admin }}>
+              variables={{ id: user.id, admin: !user.admin }}
+            >
               {(setAdmin): ReactElement => (
                 <WarnButton
                   message="Admin"
@@ -58,7 +59,8 @@ export const UserTools: FC<UserToolsProps> = ({ user, refetch }) => {
           <div className="tool">
             <Mutation
               mutation={SET_BLOCKED}
-              variables={{ id: user.id, blocked: !user.blocked }}>
+              variables={{ id: user.id, blocked: !user.blocked }}
+            >
               {(setBlocked): ReactElement => (
                 <WarnButton
                   message="Block"