fixes a couple payloads and ignores some actions in the configure store

Author: GarrettHutson

app/src/Dashboard/NavbarDash.tsx

@@ -50,7 +50,7 @@ const StyledMenu = withStyles({
 })(props => (
   <Menu
     elevation={0}
-    getContentAnchorEl={null}
+    // getContentAnchorEl={null}
     anchorOrigin={{
       vertical: 'bottom',
       horizontal: 'center'

app/src/components/App.tsx

@@ -18,7 +18,6 @@ export const App = (): JSX.Element => {
   // const [state, dispatch] = useReducer(reducer, initialState);
   const state = useSelector(store => store.appState);
   const dispatch = useDispatch();
-  console.log("loaded right away")
   // checks if user is signed in as guest or actual user and changes loggedIn boolean accordingly
   useEffect(()=>{
     if (window.localStorage.getItem('ssid') !== 'guest') {
@@ -42,7 +41,7 @@ export const App = (): JSX.Element => {
           //   type: 'SET INITIAL STATE',
           //   payload: project
           // });
-          dispatch(setInitialState({project}))
+          dispatch(setInitialState(project))
         }
       });
     } else {
@@ -60,7 +59,7 @@ export const App = (): JSX.Element => {
           //   type: 'SET INITIAL STATE',
           //   payload: project
           // });
-          dispatch(setInitialState({project}))
+          dispatch(setInitialState(project))
         } else {
           console.log(
             'No user project found in localforage, setting initial state blank'

app/src/components/left/HTMLPanel.tsx

@@ -111,7 +111,7 @@ const HTMLPanel = (props): JSX.Element => {
     //   type: 'ADD ELEMENT',
     //   payload: newElement
     // });
-    dispatch(addElement({newElement}))
+    dispatch(addElement(newElement))
     setCurrentID(currentID + 1);
     setTag('');
     setName('');

app/src/components/main/DeleteButton.tsx

@@ -3,7 +3,7 @@ import { DeleteButtons } from '../../interfaces/Interfaces';
 import Modal from '@mui/material/Modal';
 import StateContext from '../../context/context';
 import { useDispatch } from 'react-redux';
-import { changeFocus, addChild, deleteChild } from '../../redux/reducers/slice/appStateSlice';
+import { deleteChild } from '../../redux/reducers/slice/appStateSlice';
 
 function DeleteButton({ id, name }: DeleteButtons) {
   // const [state, dispatch] = useContext(StateContext);

app/src/components/top/NavBar.tsx

@@ -62,7 +62,7 @@ const StyledMenu = withStyles({
 })(props => (
   <Menu
     elevation={0}
-    getContentAnchorEl={null}
+    // getContentAnchorEl={null}
     anchorOrigin={{
       vertical: 'bottom',
       horizontal: 'center'

app/src/redux/store.js

@@ -4,7 +4,32 @@ import { configureStore } from '@reduxjs/toolkit';
 import rootReducer from './reducers/rootReducer';
 
 const store = configureStore({
-  reducer: rootReducer
+  reducer: rootReducer,
+  middleware: getDefaultMiddleware => {
+    const ignoredPaths = [];
+
+    for (let i = 0; i < 21; i++) {
+      ignoredPaths.push(`appState.HTMLTypes.${i}.icon`);
+      ignoredPaths.push(`appState.HTMLTypes.${i}.icon.$$typeof`);
+    }
+
+    return getDefaultMiddleware({
+      serializableCheck: {
+        // Ignore the `configToggle` action type
+        // ignoredActions: ['configToggle'],
+        // Ignore these field paths in all actions
+        // ignoredActionPaths: ['meta.arg', 'payload.timestamp'],
+        // Ignore these paths in the state
+        ignoredPaths: ignoredPaths,
+      },
+    });
+  },
 });
 
+
+  
+  
+
+
+
 export default store;