feat: 화면 설정 반영

src/layout/Customization/BoxContainer.js

@@ -1,25 +0,0 @@
-// material-ui
-import { FormControl, FormControlLabel, Switch } from '@mui/material';
-
-// project imports
-import useConfig from 'hooks/useConfig';
-import SubCard from 'ui-component/cards/SubCard';
-
-const BoxContainer = () => {
-  const { container, onChangeContainer } = useConfig();
-
-  return (
-    <SubCard title="Box Container">
-      <FormControl component="fieldset" sx={{ mt: 2 }}>
-        <FormControlLabel
-          control={
-            <Switch checked={container} onChange={() => onChangeContainer()} inputProps={{ 'aria-label': 'controlled-direction' }} />
-          }
-          label="Container"
-        />
-      </FormControl>
-    </SubCard>
-  );
-};
-
-export default BoxContainer;

src/layout/Customization/InputFilled.js

@@ -1,29 +0,0 @@
-// material-ui
-import { Grid, Stack, Switch, TextField } from '@mui/material';
-
-// project imports
-import useConfig from 'hooks/useConfig';
-import SubCard from 'ui-component/cards/SubCard';
-
-const InputFilled = () => {
-  const { outlinedFilled, onChangeOutlinedField } = useConfig();
-
-  return (
-    <SubCard title="Input Outlined With Filled">
-      <Grid item xs={12} container spacing={2} alignItems="center">
-        <Grid item>
-          <Stack spacing={2}>
-            <Switch
-              checked={outlinedFilled}
-              onChange={(event) => onChangeOutlinedField(event.target.checked)}
-              inputProps={{ 'aria-label': 'controlled' }}
-            />
-            <TextField fullWidth id="outlined-basic" label={outlinedFilled ? 'With Background' : 'Without Background'} />
-          </Stack>
-        </Grid>
-      </Grid>
-    </SubCard>
-  );
-};
-
-export default InputFilled;

src/layout/Customization/Layout.js

@@ -1,6 +1,6 @@
 // material-ui
 import { useTheme } from '@mui/material/styles';
-import { FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Switch } from '@mui/material';
+import { FormControl, FormControlLabel, FormLabel, Radio, RadioGroup } from '@mui/material';
 
 // project imports
 import useConfig from 'hooks/useConfig';
@@ -8,7 +8,7 @@ import SubCard from 'ui-component/cards/SubCard';
 
 const Layout = () => {
   const theme = useTheme();
-  const { navType, rtlLayout, onChangeMenuType, onChangeRTL } = useConfig();
+  const { navType, onChangeMenuType } = useConfig();
 
   return (
     <SubCard title="화면 구성">

src/layout/Customization/index.js

@@ -13,8 +13,6 @@ import BorderRadius from './BorderRadius';
 import Layout from './Layout';
 import PresetColor from './PresetColor';
 import FontFamily from './FontFamily';
-import InputFilled from './InputFilled';
-import BoxContainer from './BoxContainer';
 import AnimateButton from 'ui-component/extended/AnimateButton';
 import { gridSpacing } from 'store/constant';