|
@@ -3,6 +3,7 @@ import { useMemo } from 'react';
|
|
|
import { useTranslation } from 'next-i18next';
|
|
import { useTranslation } from 'next-i18next';
|
|
|
import { Modal, ModalBody, ModalHeader } from 'reactstrap';
|
|
import { Modal, ModalBody, ModalHeader } from 'reactstrap';
|
|
|
|
|
|
|
|
|
|
+import { useGrowiDocumentationUrl } from '~/states/context';
|
|
|
import {
|
|
import {
|
|
|
useShortcutsModalActions,
|
|
useShortcutsModalActions,
|
|
|
useShortcutsModalStatus,
|
|
useShortcutsModalStatus,
|
|
@@ -16,6 +17,8 @@ import styles from './ShortcutsModal.module.scss';
|
|
|
const ShortcutsModalSubstance = (): React.JSX.Element => {
|
|
const ShortcutsModalSubstance = (): React.JSX.Element => {
|
|
|
const { t, i18n } = useTranslation();
|
|
const { t, i18n } = useTranslation();
|
|
|
const { close } = useShortcutsModalActions();
|
|
const { close } = useShortcutsModalActions();
|
|
|
|
|
+ const documentationUrl = useGrowiDocumentationUrl();
|
|
|
|
|
+ const langCode = i18n.language?.startsWith('ja') ? 'ja' : 'en';
|
|
|
|
|
|
|
|
// Memoize OS-specific class
|
|
// Memoize OS-specific class
|
|
|
const additionalClassByOs = useMemo(() => {
|
|
const additionalClassByOs = useMemo(() => {
|
|
@@ -516,7 +519,7 @@ const ShortcutsModalSubstance = (): React.JSX.Element => {
|
|
|
{bodyContent}
|
|
{bodyContent}
|
|
|
<div className="mt-4 ps-3">
|
|
<div className="mt-4 ps-3">
|
|
|
<a
|
|
<a
|
|
|
- href={`https://docs.growi.org/${i18n.language?.startsWith('ja') ? 'ja' : 'en'}/guide/features/shortcut-keys`}
|
|
|
|
|
|
|
+ href={`${documentationUrl}/${langCode}/guide/features/shortcut-keys`}
|
|
|
target="_blank"
|
|
target="_blank"
|
|
|
rel="noreferrer"
|
|
rel="noreferrer"
|
|
|
className="d-inline-flex align-items-center gap-2 px-3 py-2 border border-2 rounded text-secondary text-decoration-none"
|
|
className="d-inline-flex align-items-center gap-2 px-3 py-2 border border-2 rounded text-secondary text-decoration-none"
|