Merge check

Author: mdunnmon

app/src/Dashboard/ProjectContainer.tsx

@@ -84,11 +84,11 @@ const TabPanelItem = (props: TabPanelProps): JSX.Element => {
 const useStyles = makeStyles(theme => ({
   root: {
     flexGrow: 1,
-    backgroundColor: theme.palette.background.paper,
+    // backgroundColor: theme.palette.background.paper,
     display: 'flex'
   },
   tabs: {
-    borderRight: `1px solid ${theme.palette.divider}`
+    // borderRight: `1px solid ${theme.palette.divider}`
   }
 }));
 // End of prefab code to generate a tab panel

app/src/components/ContextAPIManager/CreateTab/CreateContainer.tsx

@@ -10,7 +10,8 @@ import { Typography } from '@mui/material';
 import StateContext from '../../../context/context';
 import {
   addContext,
-  deleteContext
+  deleteContext,
+  addContextValues
 } from '../../../redux/reducers/slice/contextReducer';
 import { useSelector, useDispatch } from 'react-redux';
 import { deleteElement } from '../../../redux/reducers/slice/appStateSlice';
@@ -53,7 +54,7 @@ const CreateContainer = () => {
 
   //update data store when user add new key-value pair to context
   const handleClickInputData = ({ name }, { inputKey, inputValue }) => {
-    dispatch(addContext({ name, inputKey, inputValue }));
+    dispatch(addContextValues({ name, inputKey, inputValue }));
     // setState(allContext);
   };
 

app/src/helperFunctions/generateCode.ts

@@ -383,7 +383,7 @@ const generateUnformattedCode = (
 
   const { allContext } = contextParam;
 
-  
+ 
 
     for (const context of allContext) {
       contextImports += `import ${context.name}Provider from '../contexts/${context.name}.js'\n`;
@@ -460,7 +460,7 @@ const generateUnformattedCode = (
     };
 
     let generatedCode = "import React, { useState, useEffect, useContext} from 'react';\n\n";
-    generatedCode += currComponent.name === 'APP' ? contextImports : '';
+    generatedCode += currComponent.name === 'App' ? contextImports : '';
     generatedCode += importReactRouter ? `import { BrowserRouter as Router, Route, Switch, Link } from 'react-router-dom';\n` : ``;
     generatedCode += createContextImport() ? `${createContextImport()}\n` : '';
     generatedCode += importsMapped ? `${importsMapped}\n` : '';