delete project functionality finished

Author: andrewjcho84

app/src/components/right/DeleteProjects.tsx

@@ -9,13 +9,13 @@ import ListItemText from '@material-ui/core/ListItemText';
 import DialogTitle from '@material-ui/core/DialogTitle';
 import Dialog from '@material-ui/core/Dialog';
 import DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';
-import AddIcon from '@material-ui/icons/Add';
 import { blue } from '@material-ui/core/colors';
 
 import {
   getProjects,
   deleteProject
 } from '../../helperFunctions/projectGetSaveDel';
+import localforage from 'localforage';
 import { stateContext } from '../../context/context';
 
 export interface ProjectDialogProps {
@@ -43,6 +43,7 @@ function ProjectsDialog(props: ProjectDialogProps) {
     )[0];
     console.log('selectedProject is', selectedProject);
     deleteProject(selectedProject);
+    localforage.removeItem(window.localStorage.getItem('ssid'));
     dispatch({ type: 'RESET STATE', payload: {} });
     onClose();
   };

app/src/components/right/OpenProjects.tsx

@@ -65,14 +65,15 @@ function ProjectsDialog(props: ProjectDialogProps) {
           </ListItem>
         ))}
         {/* Change state to empty for new project */}
+        {/* ***TODO*** Add project functionality
         <ListItem autoFocus button onClick={() => handleClose()}>
           <ListItemAvatar>
             <Avatar>
               <AddIcon />
             </Avatar>
           </ListItemAvatar>
           <ListItemText primary="New Project" />
-        </ListItem>
+        </ListItem> */}
       </List>
     </Dialog>
   );

app/src/components/right/ProjectManager.tsx

@@ -211,7 +211,8 @@ const useStyles = makeStyles({
     margin: '40px',
     display: 'flex',
     flexDirection: 'column',
-    alignItems: 'center'
+    alignItems: 'center',
+    justifySelf: 'flex-end'
   },
 
   logoutButton: {

app/src/public/styles/style.css

@@ -369,3 +369,8 @@ h3 {
   padding-top: 35px;
   width: 420px;
 }
+
+.rightPanelWrapper {
+  display: flex;
+  flex-direction: column;
+}