refactored typeConverstion function w/ types

Co-authored-by: Sophia Bui <[email protected]>

Author: atvanek

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

@@ -1,5 +1,5 @@
 import React, { useState, useContext, useEffect } from 'react';
-import { styled, Theme } from '@mui/material/styles';
+import { Theme } from '@mui/material/styles';
 import makeStyles from '@mui/styles/makeStyles';
 import { useDispatch, useSelector } from 'react-redux';
 import { addState } from '../../../../redux/reducers/slice/appStateSlice';
@@ -12,7 +12,6 @@ import {
   TextField,
   Button
 } from '@mui/material';
-import StateContext from '../../../../context/context';
 import TableStateProps from './TableStateProps';
 import TableParentProps from './TableParentProps';
 import TablePassedInProps from './TablePassedInProps';
@@ -39,14 +38,14 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
   const [propNum, setPropNum] = useState(1);
 
   // convert value to correct type based on user input
-  const typeConversion = (value, type) => {
+  const typeConversion = (value: string, type: string) => {
     switch (type) {
       case 'string':
         return String(value);
       case 'number':
         return Number(value);
       case 'boolean':
-        return value === 'true' ? true : false;
+        return value === 'true';
       case 'array':
         return JSON.parse(value);
       case 'object':
@@ -62,10 +61,6 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
     setInputValue('');
     setInputType('');
   };
-  //reset error warning
-  const resetError = () => {
-    setErrorStatus(false);
-  };
 
   // submit new stateProps entries to state context
   const submitNewState = (e) => {
@@ -123,7 +118,7 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
       })
     );
     setRows1([...rows1, newState]);
-    resetError();
+    setErrorStatus(false);
     clearForm();
   };
 

app/src/components/StateManagement/StateManagement.tsx

@@ -6,7 +6,6 @@ import TabContext from '@mui/lab/TabContext';
 import TabList from '@mui/lab/TabList';
 import TabPanel from '@mui/lab/TabPanel';
 import { useSelector } from 'react-redux';
-
 import CreateContainer from './CreateTab/CreateContainer';
 import DisplayContainer from './DisplayTab/DisplayContainer';