imprv/115673-128224-create-presentationfile8

apps/app/src/components/Admin/Customize/Customize.jsx

@@ -12,10 +12,10 @@ import { withUnstatedContainers } from '../../UnstatedUtils';
 
 import CustomizeCssSetting from './CustomizeCssSetting';
 import CustomizeFunctionSetting from './CustomizeFunctionSetting';
-import CutomizeFunctionSettingPresentation from './CustomizeFunctionSettingPresentation';
 import CustomizeLayoutSetting from './CustomizeLayoutSetting';
 import CustomizeLogoSetting from './CustomizeLogoSetting';
 import CustomizeNoscriptSetting from './CustomizeNoscriptSetting';
+import CustomizePresentationSetting from './CustomizePresentationSetting';
 import CustomizeScriptSetting from './CustomizeScriptSetting';
 import CustomizeSidebarSetting from './CustomizeSidebarSetting';
 import CustomizeThemeSetting from './CustomizeThemeSetting';
@@ -60,7 +60,7 @@ function Customize(props) {
         <CustomizeFunctionSetting />
       </div>
       <div className="mb-5">
-        <CutomizeFunctionSettingPresentation />
+        <CustomizePresentationSetting />
       </div>
       <div className="mb-5">
         <CustomizeTitle />

apps/app/src/components/Admin/Customize/CustomizeFunctionSettingPresentation.tsx → apps/app/src/components/Admin/Customize/CustomizePresentationSetting.tsx

@@ -24,8 +24,8 @@ const CustomizeFunctionSettingPresentation = (props: Props): JSX.Element => {
   const onClickSubmit = useCallback(async() => {
 
     try {
-      await adminCustomizeContainer.updateCustomizeFunction();
-      toastSuccess(t('toaster.update_successed', { target: t('admin:customize_settings.function'), ns: 'commons' }));
+      await adminCustomizeContainer.updateCustomizePresentation();
+      toastSuccess(t('toaster.update_successed', { target: t('admin:customize_settings.Presentation'), ns: 'commons' }));
     }
     catch (err) {
       toastError(err);
@@ -36,30 +36,28 @@ const CustomizeFunctionSettingPresentation = (props: Props): JSX.Element => {
     <React.Fragment>
       <div className="form-group row">
         <div className="offset-md-3 col-md-6 text-left">
-          <CustomizeFunctionOption
             optionId="isEnabledMarp"
             label={t('admin:customize_settings.function_options.enable_marp')}
             isChecked={adminCustomizeContainer.state.isEnabledMarp || false}
             onChecked={() => { adminCustomizeContainer.switchIsEnabledMarp() }}
-          >
-            <p className="form-text text-muted">
-              {t('admin:customize_settings.function_options.enable_marp_desc')}
-              <br></br>
-              <a
-                href={`${t('admin:customize_settings.function_options.marp_official_site_link')}`}
-                target="_blank"
-                rel="noopener noreferrer"
-              >{`${t('admin:customize_settings.function_options.marp_official_site')}`}
-              </a>
-              <br></br>
-              <a
-                href={`${t('admin:customize_settings.function_options.marp_in_gorwi_link')}`}
-                target="_blank"
-                rel="noopener noreferrer"
-              >{`${t('admin:customize_settings.function_options.marp_in_growi')}`}
-              </a>
-            </p>
-          </CustomizeFunctionOption>
+          <p className="form-text text-muted">
+            {t('admin:customize_settings.function_options.enable_marp_desc')}
+            <br></br>
+            <a
+              href={`${t('admin:customize_settings.function_options.marp_official_site_link')}`}
+              target="_blank"
+              rel="noopener noreferrer"
+            >{`${t('admin:customize_settings.function_options.marp_official_site')}`}
+            </a>
+            <br></br>
+            <a
+              href={`${t('admin:customize_settings.function_options.marp_in_gorwi_link')}`}
+              target="_blank"
+              rel="noopener noreferrer"
+            >{`${t('admin:customize_settings.function_options.marp_in_growi')}`}
+            </a>
+          </p>
+
         </div>
       </div>
 
@@ -68,6 +66,6 @@ const CustomizeFunctionSettingPresentation = (props: Props): JSX.Element => {
     </React.Fragment>
   );
 };
-const CustomizeFunctionSettingPresentationWrapper = withUnstatedContainers(CustomizeFunctionSettingPresentation, [AdminCustomizeContainer]);
+const CustomizePresentationSettingWrapper = withUnstatedContainers(CustomizeFunctionSettingPresentation, [AdminCustomizeContainer]);
 
-export default CustomizeFunctionSettingPresentationWrapper;
+export default CustomizePresentationSettingWrapper;