context dropdown and key pair

Co-authored-by: Sal Saluga [email protected]
Co-authored-by: Ken Bains [email protected]
Co-authored-by: Huy Pham [email protected]

Author: Bianca Picasso

app/src/components/ContextAPIManager/CreatorComponent/ContextCreator.tsx

@@ -16,6 +16,7 @@ const ContextCreator = () => {
     setIsReady(true);
   }, []);
 
+
   const dispatch = useDispatch();
 
   const handleClickSelectContext = contextInput => {
@@ -34,6 +35,7 @@ const ContextCreator = () => {
     dispatch(
       actions.addContextValuesActionCreator({ name, inputKey, inputValue })
     );
+    setState(store.getState().contextSlice);
   };
 
   return (

app/src/components/ContextAPIManager/CreatorComponent/ContextTable.tsx

@@ -45,8 +45,7 @@ const rows = [
   createData('Cupcake', 305, 3.7, 67, 4.3),
   createData('Gingerbread', 356, 16.0, 49, 3.9)
 ];
-/* <Table style={{ width: 400, margin: 'auto' }}></Table> */
-// sx={{ width: '40%' }}
+
 export default function ContextTable({target}) {
   return (
     <TableContainer component={Paper}>

app/src/components/ContextAPIManager/CreatorComponent/CreatorForm.tsx

@@ -113,6 +113,7 @@ const CreatorForm = ({
               });
             } else {
               setContextInput(newValue);
+              console.log('selected from drop down', contextInput)
             }
           }}
           filterOptions={(options, params) => {
@@ -121,7 +122,8 @@ const CreatorForm = ({
             const { inputValue } = params;
             // Suggest the creation of a new contextInput
             const isExisting = options.some(
-              option => inputValue === option.name
+              option => inputValue === option.name 
+                // console.log(inputValue)
             );
             if (inputValue !== '' && !isExisting) {
               filtered.push({

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

@@ -31,12 +31,23 @@ const contextReducer = (state = initialState, action) => {
         ...state,
         allContext: [...state.allContext, newContext]
       };
-
+      
     case types.ADD_CONTEXT_VALUES:
-      console.log('payload is', action.payload);
+      // console.log('payload is', action.payload);
+
+      const newAllContext = [...state.allContext];
+
+      for (let i = 0; i < newAllContext.length; i += 1) {
+        if (newAllContext[i].name === action.payload.name) {
+          newAllContext[i].values.push({ key : action.payload.inputKey , value : action.payload.inputValue})
+        } 
+      }
 
       return {
-        ...state
+        ...state,
+        allContext: newAllContext
+
+          
       };
     default: {
       return state;