Selaa lähdekoodia

add showShortcutsButton attribute

Yuki Takei 3 vuotta sitten
vanhempi
sitoutus
ab2e9ff39f

+ 1 - 1
packages/app/src/components/Layout/BasicLayout.tsx

@@ -44,7 +44,7 @@ export const BasicLayout = ({ children, title, className }: Props): JSX.Element
       {/* <HotkeysManager /> */}
 
       <ShortcutsModal />
-      <SystemVersion />
+      <SystemVersion showShortcutsButton />
     </>
   );
 };

+ 12 - 4
packages/app/src/components/SystemVersion.tsx

@@ -5,7 +5,13 @@ import { useShortcutsModal } from '~/stores/modal';
 
 import styles from './SystemVersion.module.scss';
 
-const SystemVersion = (): JSX.Element => {
+
+type Props = {
+  showShortcutsButton?: boolean,
+}
+
+const SystemVersion = (props: Props): JSX.Element => {
+  const { showShortcutsButton } = props;
 
   const { open: openShortcutsModal } = useShortcutsModal();
 
@@ -21,9 +27,11 @@ const SystemVersion = (): JSX.Element => {
         <span>
           <a href="https://growi.org">GROWI</a> {growiVersion}
         </span>
-        <button type="button" className="btn btn-link ml-2 p-0" onClick={() => openShortcutsModal()}>
-          <i className="fa fa-keyboard-o"></i>&nbsp;<span className={`cmd-key ${os}`}></span>-/
-        </button>
+        { showShortcutsButton && (
+          <button type="button" className="btn btn-link ml-2 p-0" onClick={() => openShortcutsModal()}>
+            <i className="fa fa-keyboard-o"></i>&nbsp;<span className={`cmd-key ${os}`}></span>-/
+          </button>
+        ) }
       </div>
 
     </>