Tidy app.

app/components/Page.js

@@ -12,5 +12,5 @@ export const Page = ({ title, children }) => (
 
 Page.propTypes = {
   title: PropTypes.string.isRequired,
-  children: PropTypes.node.isRequired
-}
+  children: PropTypes.node.isRequired,
+};

app/components/UploadBlob.js

@@ -10,7 +10,7 @@ const SINGLE_UPLOAD_MUTATION = gql`
   }
 `;
 
-export const UploadBlob = () => {
+export function UploadBlob() {
   const [name, setName] = React.useState('');
   const [content, setContent] = React.useState('');
   const [singleUploadMutation, { loading }] = useMutation(
@@ -59,4 +59,4 @@ export const UploadBlob = () => {
       <ButtonSubmit loading={loading}>Upload</ButtonSubmit>
     </form>
   );
-};
+}

app/components/UploadFile.js

@@ -8,7 +8,7 @@ const SINGLE_UPLOAD_MUTATION = gql`
   }
 `;
 
-export const UploadFile = () => {
+export function UploadFile() {
   const [uploadFileMutation] = useMutation(SINGLE_UPLOAD_MUTATION);
   const apolloClient = useApolloClient();
 
@@ -24,4 +24,4 @@ export const UploadFile = () => {
     });
 
   return <input type="file" required onChange={onChange} />;
-};
+}

app/components/UploadFileList.js

@@ -8,7 +8,7 @@ const MULTIPLE_UPLOAD_MUTATION = gql`
   }
 `;
 
-export const UploadFileList = () => {
+export function UploadFileList() {
   const [multipleUploadMutation] = useMutation(MULTIPLE_UPLOAD_MUTATION);
   const apolloClient = useApolloClient();
 
@@ -19,4 +19,4 @@ export const UploadFileList = () => {
     });
 
   return <input type="file" multiple required onChange={onChange} />;
-};
+}

app/components/Uploads.js

@@ -12,7 +12,7 @@ const UPLOADS_QUERY = gql`
   }
 `;
 
-export const Uploads = () => {
+export function Uploads() {
   const { data: { uploads = [] } = {} } = useQuery(UPLOADS_QUERY);
 
   return (
@@ -37,4 +37,4 @@ export const Uploads = () => {
       </Table>
     </Scroll>
   );
-};
+}