Merge pull request #40 from oslabs-beta/sb/cleanup

Sb/cleanup

Author: sophia-bui

app/src/components/StateManagement/CreateTab/components/StatePropsPanel.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useContext, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Theme } from '@mui/material/styles';
 import makeStyles from '@mui/styles/makeStyles';
 import { useDispatch, useSelector } from 'react-redux';

app/src/components/StateManagement/CreateTab/components/TableParentProps.tsx

@@ -1,12 +1,11 @@
-import React, { useState, useContext, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import {
   DataGrid,
   GridEditRowsModel,
 } from '@mui/x-data-grid';
 import Button from '@mui/material/Button';
 import makeStyles from '@mui/styles/makeStyles';
-import { StatePropsPanelProps } from '../../../../interfaces/Interfaces';
 import AddIcon from '@mui/icons-material/Add';
 import { addPassedInProps } from '../../../../redux/reducers/slice/appStateSlice';
 import { RootState } from '../../../../redux/store'

app/src/components/StateManagement/CreateTab/components/TablePassedInProps.tsx

@@ -108,7 +108,7 @@ const TablePassedInProps = props => {
     </div>
   );
 };
-
+// colors of state mgmt modal
 const useStyles = makeStyles({
   themeLight: {
     color: 'rgba(0,0,0,0.54)',

app/src/components/StateManagement/CreateTab/components/TableStateProps.tsx

@@ -8,11 +8,10 @@ import ClearIcon from '@mui/icons-material/Clear';
 import makeStyles from '@mui/styles/makeStyles';
 import { StatePropsPanelProps } from '../../../../interfaces/Interfaces';
 import { useDispatch, useSelector } from 'react-redux';
-import { deletePassedInProps } from '../../../../redux/reducers/slice/appStateSlice';
 import { deleteState } from '../../../../redux/reducers/slice/appStateSlice';
 import { RootState } from '../../../../redux/store'
-import { current } from '@reduxjs/toolkit';
 
+// updates state mgmt boxes and data grid 
 const TableStateProps = props => {
   const { state, contextParam } = useSelector((store:RootState) => ({
     state: store.appState,

app/src/components/StateManagement/DisplayTab/DataTable.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableContainer from '@mui/material/TableContainer';

app/src/components/StateManagement/DisplayTab/DisplayContainer.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useContext } from 'react';
+import React, { useState } from 'react';
 import Divider from '@mui/material/Divider';
 import Grid from '@mui/material/Grid';
 import { Typography } from '@mui/material';

app/src/components/StateManagement/StateManagement.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { makeStyles } from '@mui/styles';
 import Box from '@mui/material/Box';
 import Tab from '@mui/material/Tab';

app/src/components/right/ComponentPanel.tsx

@@ -1,4 +1,3 @@
-// Future developers: This file needs to move to right folder: src/components/right
 import React, { useState, useEffect, useCallback } from 'react';
 import makeStyles from '@mui/styles/makeStyles';
 import { Button, Checkbox, FormControlLabel, InputLabel } from '@mui/material';

app/src/components/right/ExportButton.tsx

@@ -86,6 +86,7 @@ export default function ExportButton() {
   );
 }
 
+// This code is commented out below for v16, it is export function for electron, which may be useful for future devs
 //The below code is exclusive to ReacType's Electron App
 //If you would like to deploy the app, please comment out the exportButton function above and uncomment the code below
 

app/src/components/right/LoginButton.tsx

@@ -3,6 +3,7 @@ import { useSelector, useDispatch } from 'react-redux';
 import { toggleLoggedIn } from '../../redux/reducers/slice/appStateSlice';
 import config from '../../../../config.js';
 import { RootState } from '../../redux/store';
+// note that API_BASE_URL is assigned to different pages on dev mode vs prod mode
 const { API_BASE_URL, API_BASE_URL2 } = config;
 
 export default function LoginButton() {

app/src/components/top/NavBarButtons.tsx

@@ -31,6 +31,7 @@ import config from '../../../../config';
 const { API_BASE_URL } = config;
 import { RootState } from '../../redux/store';
 
+// Part  - join room and room code functionality
 let socket;
 
 function initSocketConnection(roomCode) {
@@ -253,7 +254,7 @@ function navbarDropDown(props) {
     // Call handleUserEnteredRoom when joining a room
     handleUserEnteredRoom(roomCode);
   }
-
+// Part - Dark Mode
   const switchDark = isDarkMode ? (
     <svg
       xmlns="http://www.w3.org/2000/svg"