|
@@ -12,7 +12,7 @@ const CustomizeSidebarsetting = (): JSX.Element => {
|
|
|
const { t } = useTranslation(['admin', 'commons']);
|
|
const { t } = useTranslation(['admin', 'commons']);
|
|
|
|
|
|
|
|
const {
|
|
const {
|
|
|
- data, update, setIsSidebarCollapsedMode, setIsSidebarClosedAtDockMode,
|
|
|
|
|
|
|
+ data, update, setIsSidebarCollapsedMode,
|
|
|
} = useSWRxSidebarConfig();
|
|
} = useSWRxSidebarConfig();
|
|
|
|
|
|
|
|
const { resolvedTheme } = useNextThemes();
|
|
const { resolvedTheme } = useNextThemes();
|
|
@@ -33,7 +33,7 @@ const CustomizeSidebarsetting = (): JSX.Element => {
|
|
|
return <LoadingSpinner />;
|
|
return <LoadingSpinner />;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- const { isSidebarCollapsedMode, isSidebarClosedAtDockMode } = data;
|
|
|
|
|
|
|
+ const { isSidebarCollapsedMode } = data;
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<React.Fragment>
|
|
<React.Fragment>
|
|
@@ -79,41 +79,6 @@ const CustomizeSidebarsetting = (): JSX.Element => {
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <Card className="card custom-card bg-body-tertiary my-5">
|
|
|
|
|
- <CardBody className="px-0 py-2">
|
|
|
|
|
- {t('customize_settings.default_sidebar_mode.dock_mode_default_desc')}
|
|
|
|
|
- </CardBody>
|
|
|
|
|
- </Card>
|
|
|
|
|
-
|
|
|
|
|
- <div className="px-3">
|
|
|
|
|
- <div className="form-check my-3">
|
|
|
|
|
- <input
|
|
|
|
|
- type="radio"
|
|
|
|
|
- id="is-open"
|
|
|
|
|
- className="form-check-input"
|
|
|
|
|
- checked={isSidebarCollapsedMode === false && isSidebarClosedAtDockMode === false}
|
|
|
|
|
- disabled={isSidebarCollapsedMode}
|
|
|
|
|
- onChange={() => setIsSidebarClosedAtDockMode(false)}
|
|
|
|
|
- />
|
|
|
|
|
- <label className="form-label form-check-label" htmlFor="is-open">
|
|
|
|
|
- {t('customize_settings.default_sidebar_mode.dock_mode_default_open')}
|
|
|
|
|
- </label>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div className="form-check my-3">
|
|
|
|
|
- <input
|
|
|
|
|
- type="radio"
|
|
|
|
|
- id="is-closed"
|
|
|
|
|
- className="form-check-input"
|
|
|
|
|
- checked={isSidebarCollapsedMode === false && isSidebarClosedAtDockMode === true}
|
|
|
|
|
- disabled={isSidebarCollapsedMode}
|
|
|
|
|
- onChange={() => setIsSidebarClosedAtDockMode(true)}
|
|
|
|
|
- />
|
|
|
|
|
- <label className="form-label form-check-label" htmlFor="is-closed">
|
|
|
|
|
- {t('customize_settings.default_sidebar_mode.dock_mode_default_close')}
|
|
|
|
|
- </label>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
<div className="row my-3">
|
|
<div className="row my-3">
|
|
|
<div className="mx-auto">
|
|
<div className="mx-auto">
|
|
|
<button type="button" onClick={onClickSubmit} className="btn btn-primary">{ t('Update') }</button>
|
|
<button type="button" onClick={onClickSubmit} className="btn btn-primary">{ t('Update') }</button>
|