Wire up sign out

src/components/FileUploadForm/index.jsx

@@ -1,12 +1,14 @@
 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">
         <CssBaseline />
@@ -17,10 +19,8 @@ export default function FileUploadForm() {
           <form className={classes.form} noValidate>
             <DropzoneAreaBase />
             <Grid container>
-              <Grid item>
-                <Link component={RouterLink} to="/" variant="body2">
-                  {"Sign Out"}
-                </Link>
+              <Grid item >
+                <Button onClick={signOut}>Sign Out</Button>
               </Grid>
             </Grid>
           </form>