debugging rooms

Co-authored-by: r-mcgrath <[email protected]>
Co-authored-by: HadriChan <[email protected]>
Co-authored-by: Nam <[email protected]>

Author: 4 people

app/src/components/App.tsx

@@ -17,7 +17,7 @@ import { saveProject } from '../helperFunctions/projectGetSaveDel';
 
 // Intermediary component to wrap main App component with higher order provider components
 export const App = (): JSX.Element => {
-  const state = useSelector((store: RootState) => store.appState);
+  // const state = useSelector((store: RootState) => store.appState);
 
   const dispatch = useDispatch();
   // checks if user is signed in as guest or actual user and changes loggedIn boolean accordingly

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

@@ -25,9 +25,9 @@ const AddContextForm = ({
   const { allContext } = contextStore;
   const [btnDisabled, setBtnDisabled] = useState(false);
   const [open, setOpen] = useState(false);
-  const { state } = useSelector((store: RootState) => ({
-    state: store.appState
-  }));
+  // const { state } = useSelector((store: RootState) => ({
+  //   state: store.appState
+  // }));
 
   const color = 'white';
 

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

@@ -3,8 +3,8 @@ import TextField from '@mui/material/TextField';
 import Button from '@mui/material/Button';
 import Box from '@mui/material/Box';
 import { Typography } from '@mui/material';
-import { useSelector } from 'react-redux';
-import { RootState } from '../../../../redux/store';
+// import { useSelector } from 'react-redux';
+// import { RootState } from '../../../../redux/store';
 
 const AddDataForm = ({ handleClickInputData, currentContext }) => {
   //const [contextInput, setContextInput] = React.useState(null);

app/src/components/left/HTMLItem.tsx

@@ -9,7 +9,7 @@ import { RootState } from '../../redux/store';
 import createModal from '../right/createModal';
 import makeStyles from '@mui/styles/makeStyles';
 import { useDrag } from 'react-dnd';
-import { useSelector } from 'react-redux';
+// import { useSelector } from 'react-redux';
 
 const useStyles = makeStyles({
   HTMLPanelItem: {

app/src/redux/reducers/slice/appStateSlice.ts

@@ -1285,6 +1285,11 @@ const appStateSlice = createSlice({
     toggleScreenshotTrigger: (state) => {
       state.screenshotTrigger = !state.screenshotTrigger;
     }
+
+    // ,configToggle: (state) => {
+    //   state.config.saveFlag = !state.config.saveFlag;
+    //   state.config.saveTimer = !state.config.saveTimer;
+    // }
   }
 });
 

app/src/redux/reducers/slice/codePreviewSlice.ts

@@ -11,19 +11,19 @@ const codePreviewSlice = createSlice({
   name: 'codePreview',
   initialState,
   reducers: {
-    codePreviewSave: (state,action) => {
-      state.code = action.payload
+    codePreviewSave: (state, action) => {
+      state.code = action.payload;
     },
     codePreviewInput: (state, action) => {
-      state.input = action.payload
+      state.input = action.payload;
     },
     codePreviewCooperative: (state, action) => {
-      return Object.assign({}, state, action.payload)
-    },
+      return Object.assign({}, state, action.payload);
+    }
   }
-})
-
+});
 
-export const { codePreviewSave, codePreviewInput, codePreviewCooperative } = codePreviewSlice.actions;
+export const { codePreviewSave, codePreviewInput, codePreviewCooperative } =
+  codePreviewSlice.actions;
 
 export default codePreviewSlice.reducer;

app/src/redux/reducers/slice/contextReducer.ts

@@ -35,14 +35,14 @@ interface ContextState {
 // -------------------------//
 
 const initialState: ContextState = {
-  allContext: [],
+  allContext: []
 };
 
 const contextReducerSlice = createSlice({
   name: 'context',
   initialState,
   reducers: {
-    addContext: (state, action:PayloadAction<AddContextPayload>) => {
+    addContext: (state, action: PayloadAction<AddContextPayload>) => {
       let newName = action.payload.name.trim();
       newName = newName.charAt(0).toUpperCase() + newName.slice(1);
       const newContext = {
@@ -52,7 +52,10 @@ const contextReducerSlice = createSlice({
       };
       state.allContext = [...state.allContext, newContext];
     },
-    addContextValues: (state, action: PayloadAction<AddContextValuesPayload>) => {
+    addContextValues: (
+      state,
+      action: PayloadAction<AddContextValuesPayload>
+    ) => {
       const newAllContext = [...state.allContext];
 
       for (let i = 0; i < newAllContext.length; i += 1) {
@@ -70,7 +73,10 @@ const contextReducerSlice = createSlice({
       const remains = tempState.filter((el) => el.name !== action.payload.name);
       state.allContext = remains;
     },
-    addComponentToContext: (state, action: PayloadAction<AddComponentToContextPayload>) => {
+    addComponentToContext: (
+      state,
+      action: PayloadAction<AddComponentToContextPayload>
+    ) => {
       const newTempState = [...state.allContext];
       for (let i = 0; i < newTempState.length; i += 1) {
         if (newTempState[i].name === action.payload.context.name) {
@@ -79,7 +85,7 @@ const contextReducerSlice = createSlice({
       }
       state.allContext = newTempState;
     },
-    getAllContext: (state,action) => {
+    getAllContext: (state, action) => {
       state = state;
     },
     allContextCooperative: (state, action) => {