resolved MUI no rowsPerPageOptions warning in context manager

Author: dentonwong

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

@@ -218,7 +218,7 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
           >
             <InputLabel
               id="select-required-label"
-              style={{color: 'black'}}
+              style={{color: 'white'}}
             >
               Type
             </InputLabel>
@@ -235,7 +235,16 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
               onChange={(event) => setInputType(event.target.value)}
               MenuProps={{ disablePortal: true }}
               style={
-                isThemeLight
+                {
+                  backgroundColor: 'gray',
+                  color: '#fff',
+                  border: '1px solid white',
+                  height: '28px',
+                  width: '200px'
+                }
+              }
+            >{/*originally in style: 
+            isThemeLight
                   ? {
                       backgroundColor: '#eef0f1',
                       color: '#000',
@@ -249,9 +258,7 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
                       border: '1px solid white',
                       height: '28px',
                       width: '200px'
-                    }
-              }
-            >
+                    }*/} 
               <MenuItem value="" style={{ color: 'black' }}>
                 <em>Types</em>
               </MenuItem>

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

@@ -110,6 +110,7 @@ const TableParentProps = props => {
         rows={rows}
         columns={gridColumns}
         pageSize={5}
+        rowsPerPageOptions={[5]}
         editRowsModel={editRowsModel}
         className={props.isThemeLight ? classes.themeLight : classes.themeDark}
       />

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

@@ -102,6 +102,7 @@ const TablePassedInProps = props => {
         rows={rows}
         columns={gridColumns}
         pageSize={5}
+        rowsPerPageOptions={[5]}
         editRowsModel={editRowsModel}
         className={props.isThemeLight ? classes.themeLight : classes.themeDark}
       />

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

@@ -105,6 +105,7 @@ const TableStateProps = props => {
         rows={rows}
         columns={gridColumns}
         pageSize={5}
+        rowsPerPageOptions={[5]}
         editRowsModel={editRowsModel}
         onRowClick={selectHandler}
         className={props.isThemeLight ? classes.themeLight : classes.themeDark}