imprv/115673-128224create-presentationfile12

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

@@ -2,13 +2,46 @@ import React, { useCallback } from 'react';
 
 import { Presentation } from '@growi/presentation';
 import { useTranslation } from 'next-i18next';
+import { t } from 'i18next';
+import AdminCustomizeContainer from '~/client/services/AdminCustomizeContainer';
+import { toastSuccess, toastError } from '~/client/util/toastr';
+import AdminUpdateButtonRow from '../Common/AdminUpdateButtonRow';
+import { StatsEvent } from '@aws-sdk/client-s3';
 
 
 export const CustomizePresentationSetting = (): JSX.Element => {
 
   return (
     <React.Fragment>
-      <h2 className="admin-setting-header">Presentation</h2>
+      {/* <h2 className="admin-setting-header">{t('presentation')}</h2>
+      {/* <div className="form-group row">
+        <div className="offset-md-3 col-md-6 text-left">
+          {/* optionId="isEnabledMarp" */}
+            label={t('admin:customize_settings.presentation_options.enable_marp')}
+            isChecked={AdminCustomizeContainer.state.isEnabledMarp || false}
+            onChecked={() => { AdminCustomizeContainer.switchIsEnabledMarp() }}
+          <p className="form-text text-muted">
+            {t('admin:customize_settings.presentation_options.enable_marp_desc')}
+            <br></br>
+            <a
+              href={`${t('admin:customize_settings.presentation_options.marp_official_site_link')}`}
+              target="_blank"
+              rel="noopener noreferrer"
+            >{`${t('admin:customize_settings.presentation_options.marp_official_site')}`}
+            </a>
+            <br></br>
+            <a
+              href={`${t('admin:customize_settings.presentation_options.marp_in_gorwi_link')}`}
+              target="_blank"
+              rel="noopener noreferrer"
+            >{`${t('admin:customize_settings.presentation_options.marp_in_growi')}`}
+            </a>
+          </p>
+
+        </div>
+      </div>
+
+      <AdminUpdateButtonRow onClick={onClickSubmit} disabled={AdminCustomizeContainer.state.retrieveError != null} />
 
     </React.Fragment>
   );