Wire up sign out

src/components/FileUploadForm/index.jsx

@@ -1,11 +1,13 @@
 import React from 'react';
 import { Link as RouterLink } from 'react-router-dom';
-import { Container, CssBaseline, Grid, Link, Typography } from '@material-ui/core';
+import { Button, Container, CssBaseline, Grid, Link, Typography } from '@material-ui/core';
 import { DropzoneAreaBase } from 'material-ui-dropzone';
+import { useUserContext }  from '../Contexts/UserContext';
 import useStyles from '../Styles';
 
 export default function FileUploadForm() {
     const classes = useStyles();
+    const { signOut } = useUserContext();
 
     return (
       <Container component="main" maxWidth="xs">
@@ -18,9 +20,7 @@ export default function FileUploadForm() {
             <DropzoneAreaBase />
             <Grid container>
               <Grid item >
-                <Link component={RouterLink} to="/" variant="body2">
-                  {"Sign Out"}
-                </Link>
+                <Button onClick={signOut}>Sign Out</Button>
               </Grid>
             </Grid>
           </form>