@@ -128,7 +132,7 @@ export const ContactModal = ({ open, onClose }: TransitionsModalProps) => {
target="_blank"
rel="noreferrer"
>
- How is AFFiNE Alpha different？
+ {t('How is AFFiNE Alpha different?')}
Copyright © 2022 Toeverything
diff --git a/packages/app/src/components/editor-mode-switch/index.tsx b/packages/app/src/components/editor-mode-switch/index.tsx
index 8a219e4757..86a54d8606 100644
--- a/packages/app/src/components/editor-mode-switch/index.tsx
+++ b/packages/app/src/components/editor-mode-switch/index.tsx
@@ -15,7 +15,7 @@ import { useTheme } from '@/providers/themeProvider';
import { EdgelessIcon, PaperIcon } from './icons';
import useCurrentPageMeta from '@/hooks/use-current-page-meta';
import { usePageHelper } from '@/hooks/use-page-helper';
-
+import { useTranslation } from 'react-i18next';
const PaperItem = ({ active }: { active?: boolean }) => {
const {
theme: {
@@ -96,7 +96,7 @@ export const EditorModeSwitch = ({
setRadioItemStatus(modifyRadioItemStatus());
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [isHover, mode]);
-
+ const { t } = useTranslation();
return (
}
active={mode === 'page'}
status={radioItemStatus.left}
@@ -126,7 +126,7 @@ export const EditorModeSwitch = ({
}
active={mode === 'edgeless'}
diff --git a/packages/app/src/components/header/header-right-items/editor-option-menu.tsx b/packages/app/src/components/header/header-right-items/editor-option-menu.tsx
index ea71aef757..cfd2813de5 100644
--- a/packages/app/src/components/header/header-right-items/editor-option-menu.tsx
+++ b/packages/app/src/components/header/header-right-items/editor-option-menu.tsx
@@ -16,12 +16,13 @@ import { usePageHelper } from '@/hooks/use-page-helper';
import { useConfirm } from '@/providers/confirm-provider';
import useCurrentPageMeta from '@/hooks/use-current-page-meta';
import { toast } from '@/ui/toast';
-
+import { useTranslation } from 'react-i18next';
const PopoverContent = () => {
const { editor } = useAppState();
const { toggleFavoritePage, toggleDeletePage } = usePageHelper();
const { changePageMode } = usePageHelper();
const { confirm } = useConfirm();
+ const { t } = useTranslation();
const {
mode = 'page',
id = '',
@@ -35,11 +36,13 @@ const PopoverContent = () => {
data-testid="editor-option-menu-favorite"
onClick={() => {
toggleFavoritePage(id);
- toast(!favorite ? 'Removed to Favourites' : 'Added to Favourites');
+ toast(
+ favorite ? t('Removed from Favourites') : t('Added to Favourites')
+ );
}}
icon={favorite ? : }
>
- {favorite ? 'Remove' : 'Add'} to favourites
+ {favorite ? t('Remove from favourites') : t('Add to favourites')}
: }
@@ -48,7 +51,8 @@ const PopoverContent = () => {
changePageMode(id, mode === 'page' ? 'edgeless' : 'page');
}}
>
- Convert to {mode === 'page' ? 'Edgeless' : 'Page'}
+ {t('Convert to ')}
+ {mode === 'page' ? t('Edgeless') : t('Page')}
);
diff --git a/packages/app/src/components/header/quick-search-button.tsx b/packages/app/src/components/header/quick-search-button.tsx
index a08c61bf65..e45e78fed4 100644
--- a/packages/app/src/components/header/quick-search-button.tsx
+++ b/packages/app/src/components/header/quick-search-button.tsx
@@ -3,15 +3,15 @@ import { IconButton, IconButtonProps } from '@/ui/button';
import { Tooltip } from '@/ui/tooltip';
import { ArrowDownIcon } from '@blocksuite/icons';
import { useModal } from '@/providers/global-modal-provider';
-
+import { useTranslation } from 'react-i18next';
export const QuickSearchButton = ({
onClick,
...props
}: Omit) => {
const { triggerQuickSearchModal } = useModal();
-
+ const { t } = useTranslation();
return (
-
+
{showList.includes('contact') && (
-
+
)}
{showList.includes('shortcuts') && (
-
+
{
const [status, setStatus] = useState<'unImported' | 'importing'>('importing');
const { openPage, createPage } = usePageHelper();
const { currentWorkspace } = useAppState();
+ const { t } = useTranslation();
const _applyTemplate = function (pageId: string, template: Template) {
const page = currentWorkspace?.getPage(pageId);
@@ -84,7 +86,7 @@ export const ImportModal = ({ open, onClose }: ImportModalProps) => {
- Import
+ {t('Import')}
{status === 'unImported' && (
diff --git a/packages/app/src/components/page-list/index.tsx b/packages/app/src/components/page-list/index.tsx
index f63fa39944..604d71000f 100644
--- a/packages/app/src/components/page-list/index.tsx
+++ b/packages/app/src/components/page-list/index.tsx
@@ -24,7 +24,7 @@ import { useAppState } from '@/providers/app-state-provider/context';
import { toast } from '@/ui/toast';
import { usePageHelper } from '@/hooks/use-page-helper';
import { useTheme } from '@/providers/themeProvider';
-
+import { useTranslation } from 'react-i18next';
const FavoriteTag = ({
pageMeta: { favorite, id },
}: {
@@ -32,9 +32,10 @@ const FavoriteTag = ({
}) => {
const { toggleFavoritePage } = usePageHelper();
const { theme } = useTheme();
+ const { t } = useTranslation();
return (
{
e.stopPropagation();
toggleFavoritePage(id);
- toast(!favorite ? 'Removed to Favourites' : 'Added to Favourites');
+ toast(
+ favorite ? t('Removed from Favourites') : t('Added to Favourites')
+ );
}}
style={{
color: favorite ? theme.colors.primaryColor : theme.colors.iconColor,
@@ -71,6 +74,7 @@ export const PageList = ({
}) => {
const router = useRouter();
const { currentWorkspaceId } = useAppState();
+ const { t } = useTranslation();
if (pageList.length === 0) {
return ;
}
@@ -80,10 +84,10 @@ export const PageList = ({
- Title
- Created
+ {t('Title')}
+ {t('Created')}
- {isTrash ? 'Moved to Trash' : 'Updated'}
+ {isTrash ? t('Moved to Trash') : t('Updated')}
@@ -108,7 +112,7 @@ export const PageList = ({
)}
- {pageMeta.title || 'Untitled'}
+ {pageMeta.title || t('Untitled')}
{showFavoriteTag && }
diff --git a/packages/app/src/components/page-list/operation-cell.tsx b/packages/app/src/components/page-list/operation-cell.tsx
index 7416b65d9a..1b4ec7434a 100644
--- a/packages/app/src/components/page-list/operation-cell.tsx
+++ b/packages/app/src/components/page-list/operation-cell.tsx
@@ -14,23 +14,25 @@ import {
} from '@blocksuite/icons';
import { toast } from '@/ui/toast';
import { usePageHelper } from '@/hooks/use-page-helper';
-
+import { useTranslation } from 'react-i18next';
export const OperationCell = ({ pageMeta }: { pageMeta: PageMeta }) => {
const { id, favorite } = pageMeta;
const { openPage } = usePageHelper();
const { toggleFavoritePage, toggleDeletePage } = usePageHelper();
const { confirm } = useConfirm();
-
+ const { t } = useTranslation();
const OperationMenu = (
<>
);
@@ -74,7 +78,7 @@ export const TrashOperationCell = ({ pageMeta }: { pageMeta: PageMeta }) => {
const { openPage, getPageMeta } = usePageHelper();
const { toggleDeletePage, permanentlyDeletePage } = usePageHelper();
const { confirm } = useConfirm();
-
+ const { t } = useTranslation();
return (
{
style={{ marginRight: '12px' }}
onClick={() => {
toggleDeletePage(id);
- toast(`${getPageMeta(id)?.title || 'Untitled'} restored`);
+ toast(t('restored', { title: getPageMeta(id)?.title || 'Untitled' }));
openPage(id);
}}
>
@@ -92,13 +96,13 @@ export const TrashOperationCell = ({ pageMeta }: { pageMeta: PageMeta }) => {
darker={true}
onClick={() => {
confirm({
- title: 'Delete permanently?',
- content: "Once deleted, you can't undo this action.",
- confirmText: 'Delete',
+ title: t('Delete permanently?'),
+ content: t("Once deleted, you can't undo this action."),
+ confirmText: t('Delete'),
confirmType: 'danger',
}).then(confirm => {
confirm && permanentlyDeletePage(id);
- toast('Permanently deleted');
+ toast(t('Permanently deleted'));
});
}}
>
diff --git a/packages/app/src/components/quick-search/config.ts b/packages/app/src/components/quick-search/config.ts
index 7c5b8afe72..c35636c3cc 100644
--- a/packages/app/src/components/quick-search/config.ts
+++ b/packages/app/src/components/quick-search/config.ts
@@ -1,21 +1,29 @@
import { AllPagesIcon, FavouritesIcon, TrashIcon } from '@blocksuite/icons';
+import { useTranslation } from 'react-i18next';
-export const config = (currentWorkspaceId: string) => {
+export const useSwitchToConfig = (
+ currentWorkspaceId: string
+): {
+ title: string;
+ href: string;
+ icon: React.FC>;
+}[] => {
+ const { t } = useTranslation();
const List = [
{
- title: 'All pages',
+ title: t('All pages'),
href: currentWorkspaceId ? `/workspace/${currentWorkspaceId}/all` : '',
icon: AllPagesIcon,
},
{
- title: 'Favourites',
+ title: t('Favourites'),
href: currentWorkspaceId
? `/workspace/${currentWorkspaceId}/favorite`
: '',
icon: FavouritesIcon,
},
{
- title: 'Trash',
+ title: t('Trash'),
href: currentWorkspaceId ? `/workspace/${currentWorkspaceId}/trash` : '',
icon: TrashIcon,
},
diff --git a/packages/app/src/components/quick-search/footer.tsx b/packages/app/src/components/quick-search/footer.tsx
index 5f03b6c85e..48914cda73 100644
--- a/packages/app/src/components/quick-search/footer.tsx
+++ b/packages/app/src/components/quick-search/footer.tsx
@@ -4,10 +4,11 @@ import { StyledModalFooterContent } from './style';
import { useModal } from '@/providers/global-modal-provider';
import { Command } from 'cmdk';
import { usePageHelper } from '@/hooks/use-page-helper';
-
+import { useTranslation } from 'react-i18next';
export const Footer = (props: { query: string }) => {
const { triggerQuickSearchModal } = useModal();
const { openPage, createPage } = usePageHelper();
+ const { t } = useTranslation();
const query = props.query;
return (
@@ -25,9 +26,9 @@ export const Footer = (props: { query: string }) => {
{query ? (
- New "{query}" page
+ {t('New Keyword Page', { query: query })}
) : (
- New page
+ {t('New Page')}
)}
diff --git a/packages/app/src/components/quick-search/results.tsx b/packages/app/src/components/quick-search/results.tsx
index 2a99e389ff..eeb9fc2d44 100644
--- a/packages/app/src/components/quick-search/results.tsx
+++ b/packages/app/src/components/quick-search/results.tsx
@@ -5,8 +5,9 @@ import { PaperIcon, EdgelessIcon } from '@blocksuite/icons';
import { Dispatch, SetStateAction, useEffect, useState } from 'react';
import { useAppState } from '@/providers/app-state-provider';
import { useRouter } from 'next/router';
-import { config } from './config';
+import { useSwitchToConfig } from './config';
import { NoResultSVG } from './noResultSVG';
+import { useTranslation } from 'react-i18next';
import usePageHelper from '@/hooks/use-page-helper';
import usePageMetaList from '@/hooks/use-page-meta-list';
export const Results = (props: {
@@ -25,8 +26,9 @@ export const Results = (props: {
const router = useRouter();
const { currentWorkspaceId } = useAppState();
const { search } = usePageHelper();
- const List = config(currentWorkspaceId);
+ const List = useSwitchToConfig(currentWorkspaceId);
const [results, setResults] = useState(new Map());
+ const { t } = useTranslation();
useEffect(() => {
setResults(search(query));
setLoading(false);
@@ -47,7 +49,9 @@ export const Results = (props: {
<>
{query ? (
resultsPageMeta.length ? (
-
+
{resultsPageMeta.map(result => {
return (
) : (
- Find 0 result
+ {t('Find 0 result')}
)
) : (
-
+
{List.map(link => {
return (
{
+ const { t } = useTranslation();
+ return {
+ [t('Undo')]: '⌘+Z',
+ [t('Redo')]: '⌘+⇧+Z',
+ [t('Bold')]: '⌘+B',
+ [t('Italic')]: '⌘+I',
+ [t('Underline')]: '⌘+U',
+ [t('Strikethrough')]: '⌘+⇧+S',
+ [t('Inline code')]: ' ⌘+E',
+ [t('Code block')]: '⌘+⌥+C',
+ [t('Link')]: '⌘+K',
+ [t('Body text')]: '⌘+⌥+0',
+ [t('Heading', { number: '1' })]: '⌘+⌥+1',
+ [t('Heading', { number: '2' })]: '⌘+⌥+2',
+ [t('Heading', { number: '3' })]: '⌘+⌥+3',
+ [t('Heading', { number: '4' })]: '⌘+⌥+4',
+ [t('Heading', { number: '5' })]: '⌘+⌥+5',
+ [t('Heading', { number: '6' })]: '⌘+⌥+6',
+ [t('Increase indent')]: 'Tab',
+ [t('Reduce indent')]: '⇧+Tab',
+ };
};
-export const macMarkdownShortcuts = {
- Bold: '**Text** ',
- Italic: '*Text* ',
- Underline: '~Text~ ',
- Strikethrough: '~~Text~~ ',
- Divider: '***',
- 'Inline code': '`Text` ',
- 'Code block': '``` Space',
- 'Heading 1': '# Text',
- 'Heading 2': '## Text',
- 'Heading 3': '### Text',
- 'Heading 4': '#### Text',
- 'Heading 5': '##### Text',
- 'Heading 6': '###### Text',
+export const useMacMarkdownShortcuts = (): ShortcutTip => {
+ const { t } = useTranslation();
+ return {
+ [t('Bold')]: '**Text** ',
+ [t('Italic')]: '*Text* ',
+ [t('Underline')]: '~Text~ ',
+ [t('Strikethrough')]: '~~Text~~ ',
+ [t('Divider')]: '***',
+ [t('Inline code')]: '`Text` ',
+ [t('Code block')]: '``` Space',
+ [t('Heading', { number: '1' })]: '# Text',
+ [t('Heading', { number: '2' })]: '## Text',
+ [t('Heading', { number: '3' })]: '### Text',
+ [t('Heading', { number: '4' })]: '#### Text',
+ [t('Heading', { number: '5' })]: '##### Text',
+ [t('Heading', { number: '6' })]: '###### Text',
+ };
};
-export const windowsKeyboardShortcuts = {
- Undo: 'Ctrl+Z',
- Redo: 'Ctrl+Y',
- Bold: 'Ctrl+B',
- Italic: 'Ctrl+I',
- Underline: 'Ctrl+U',
- Strikethrough: 'Ctrl+Shift+S',
- 'Inline code': ' Ctrl+E',
- 'Code block': 'Ctrl+Alt+C',
- Link: 'Ctrl+K',
- 'Body text': 'Ctrl+Shift+0',
- 'Heading 1': 'Ctrl+Shift+1',
- 'Heading 2': 'Ctrl+Shift+2',
- 'Heading 3': 'Ctrl+Shift+3',
- 'Heading 4': 'Ctrl+Shift+4',
- 'Heading 5': 'Ctrl+Shift+5',
- 'Heading 6': 'Ctrl+Shift+6',
- 'Increase indent': 'Tab',
- 'Reduce indent': 'Shift+Tab',
+export const useWindowsKeyboardShortcuts = (): ShortcutTip => {
+ const { t } = useTranslation();
+ return {
+ [t('Undo')]: 'Ctrl+Z',
+ [t('Redo')]: 'Ctrl+Y',
+ [t('Bold')]: 'Ctrl+B',
+ [t('Italic')]: 'Ctrl+I',
+ [t('Underline')]: 'Ctrl+U',
+ [t('Strikethrough')]: 'Ctrl+Shift+S',
+ [t('Inline code')]: ' Ctrl+E',
+ [t('Code block')]: 'Ctrl+Alt+C',
+ [t('Link')]: 'Ctrl+K',
+ [t('Body text')]: 'Ctrl+Shift+0',
+ [t('Heading', { number: '1' })]: 'Ctrl+Shift+1',
+ [t('Heading', { number: '2' })]: 'Ctrl+Shift+2',
+ [t('Heading', { number: '3' })]: 'Ctrl+Shift+3',
+ [t('Heading', { number: '4' })]: 'Ctrl+Shift+4',
+ [t('Heading', { number: '5' })]: 'Ctrl+Shift+5',
+ [t('Heading', { number: '6' })]: 'Ctrl+Shift+6',
+ [t('Increase indent')]: 'Tab',
+ [t('Reduce indent')]: 'Shift+Tab',
+ };
};
-export const winMarkdownShortcuts = {
- Bold: '**Text** ',
- Italic: '*Text* ',
- Underline: '~Text~ ',
- Strikethrough: '~~Text~~ ',
- 'Inline code': '`Text` ',
- 'Code block': '``` Text',
- 'Heading 1': '# Text',
- 'Heading 2': '## Text',
- 'Heading 3': '### Text',
- 'Heading 4': '#### Text',
- 'Heading 5': '##### Text',
- 'Heading 6': '###### Text',
+export const useWinMarkdownShortcuts = (): ShortcutTip => {
+ const { t } = useTranslation();
+ return {
+ [t('Bold')]: '**Text** ',
+ [t('Italic')]: '*Text* ',
+ [t('Underline')]: '~Text~ ',
+ [t('Strikethrough')]: '~~Text~~ ',
+ [t('Divider')]: '***',
+ [t('Inline code')]: '`Text` ',
+ [t('Code block')]: '``` Text',
+ [t('Heading', { number: '1' })]: '# Text',
+ [t('Heading', { number: '2' })]: '## Text',
+ [t('Heading', { number: '3' })]: '### Text',
+ [t('Heading', { number: '4' })]: '#### Text',
+ [t('Heading', { number: '5' })]: '##### Text',
+ [t('Heading', { number: '6' })]: '###### Text',
+ };
};
diff --git a/packages/app/src/components/shortcuts-modal/index.tsx b/packages/app/src/components/shortcuts-modal/index.tsx
index 63a4246d64..4f28b0ecec 100644
--- a/packages/app/src/components/shortcuts-modal/index.tsx
+++ b/packages/app/src/components/shortcuts-modal/index.tsx
@@ -8,14 +8,15 @@ import {
StyledTitle,
} from './style';
import {
- macKeyboardShortcuts,
- macMarkdownShortcuts,
- windowsKeyboardShortcuts,
- winMarkdownShortcuts,
+ useMacKeyboardShortcuts,
+ useMacMarkdownShortcuts,
+ useWindowsKeyboardShortcuts,
+ useWinMarkdownShortcuts,
} from '@/components/shortcuts-modal/config';
import Slide from '@mui/material/Slide';
import { ModalCloseButton } from '@/ui/modal';
import { getUaHelper } from '@/utils';
+import { useTranslation } from 'react-i18next';
type ModalProps = {
open: boolean;
onClose: () => void;
@@ -26,12 +27,18 @@ const isMac = () => {
};
export const ShortcutsModal = ({ open, onClose }: ModalProps) => {
+ const { t } = useTranslation();
+ const macMarkdownShortcuts = useMacMarkdownShortcuts();
+ const winMarkdownShortcuts = useWinMarkdownShortcuts();
+ const macKeyboardShortcuts = useMacKeyboardShortcuts();
+ const windowsKeyboardShortcuts = useWindowsKeyboardShortcuts();
const markdownShortcuts = isMac()
? macMarkdownShortcuts
: winMarkdownShortcuts;
const keyboardShortcuts = isMac()
? macKeyboardShortcuts
: windowsKeyboardShortcuts;
+
return createPortal(
@@ -39,7 +46,7 @@ export const ShortcutsModal = ({ open, onClose }: ModalProps) => {
- Shortcuts
+ {t('Shortcuts')}
{
/>
- Keyboard Shortcuts
+ {t('Keyboard Shortcuts')}
{Object.entries(keyboardShortcuts).map(([title, shortcuts]) => {
return (
@@ -63,7 +70,7 @@ export const ShortcutsModal = ({ open, onClose }: ModalProps) => {
);
})}
- Markdown Syntax
+ {t('Markdown Syntax')}
{Object.entries(markdownShortcuts).map(([title, shortcuts]) => {
return (
diff --git a/packages/app/src/components/workspace-modal/index.tsx b/packages/app/src/components/workspace-modal/index.tsx
index c33a889a45..9d8d8788f6 100644
--- a/packages/app/src/components/workspace-modal/index.tsx
+++ b/packages/app/src/components/workspace-modal/index.tsx
@@ -40,6 +40,7 @@ export const WorkspaceModal = ({ open, onClose }: LoginModalProps) => {
>
My Workspaces
+ {/* */}
{
+ const { i18n } = useTranslation();
+ const changeLanguage = (event: string) => {
+ i18n.changeLanguage(event);
+ };
+ const [show, setShow] = useState(false);
+ const currentLanguage = LOCALES.find(item => item.tag === i18n.language);
+ const [languageName, setLanguageName] = useState(
+ currentLanguage?.originalName
+ );
+ return (
+
+ {LOCALES.map(option => {
+ return (
+ {
+ changeLanguage(option.tag);
+ setShow(false);
+ setLanguageName(option.originalName);
+ }}
+ >
+ {option.originalName}
+
+ );
+ })}
+
+ }
+ open={show}
+ >
+ {
+ setShow(!show);
+ }}
+ >
+
+ {languageName}
+
+
+
+
+ );
+};
+
+const StyledContainer = styled('div')(() => ({
+ display: 'flex',
+ flexDirection: 'row',
+ justifyContent: 'center',
+ alignItems: 'center',
+}));
+
+const StyledText = styled('span')(({ theme }) => ({
+ marginRight: '4px',
+ marginLeft: '16px',
+ fontSize: theme.font.sm,
+ fontWeight: '500',
+ textTransform: 'capitalize',
+}));
+const StyledTooltip = styled(({ className, ...props }: TooltipProps) => (
+
+))(({ theme }) => ({
+ zIndex: theme.zIndex.modal,
+ '& .MuiTooltip-tooltip': {
+ backgroundColor: theme.colors.popoverBackground,
+ boxShadow: theme.shadow.modal,
+ color: theme.colors.popoverColor,
+ },
+}));
+
+const ListItem = styled(Button)(({ theme }) => ({
+ display: 'block',
+ width: '100%',
+ color: theme.colors.popoverColor,
+ fontSize: theme.font.sm,
+ textTransform: 'capitalize',
+}));
+
+const StyledTitleButton = styled(Button)(({ theme }) => ({
+ position: 'absolute',
+ right: '50px',
+ color: theme.colors.popoverColor,
+ fontSize: theme.font.sm,
+}));
diff --git a/packages/app/src/components/workspace-slider-bar/index.tsx b/packages/app/src/components/workspace-slider-bar/index.tsx
index b9132fab52..8b96df83cf 100644
--- a/packages/app/src/components/workspace-slider-bar/index.tsx
+++ b/packages/app/src/components/workspace-slider-bar/index.tsx
@@ -27,18 +27,18 @@ import Link from 'next/link';
import { Tooltip } from '@/ui/tooltip';
import { useModal } from '@/providers/global-modal-provider';
import { useAppState } from '@/providers/app-state-provider/context';
-
import { IconButton } from '@/ui/button';
import useLocalStorage from '@/hooks/use-local-storage';
import usePageMetaList from '@/hooks/use-page-meta-list';
import { usePageHelper } from '@/hooks/use-page-helper';
import { WorkspaceSetting } from '@/components/workspace-setting';
+import { useTranslation } from 'react-i18next';
const FavoriteList = ({ showList }: { showList: boolean }) => {
const { openPage } = usePageHelper();
const pageList = usePageMetaList();
const router = useRouter();
-
+ const { t } = useTranslation();
const favoriteList = pageList.filter(p => p.favorite && !p.trash);
return (
@@ -61,7 +61,7 @@ const FavoriteList = ({ showList }: { showList: boolean }) => {
);
})}
{favoriteList.length === 0 && (
- No item
+ {t('No item')}
)}
);
@@ -72,7 +72,7 @@ export const WorkSpaceSliderBar = () => {
const { currentWorkspaceId } = useAppState();
const { openPage, createPage } = usePageHelper();
const router = useRouter();
-
+ const { t } = useTranslation();
const [showTip, setShowTip] = useState(false);
const [show, setShow] = useLocalStorage('AFFiNE_SLIDE_BAR', false, true);
@@ -90,7 +90,7 @@ export const WorkSpaceSliderBar = () => {
<>
@@ -124,17 +124,17 @@ export const WorkSpaceSliderBar = () => {
}}
>
- Quick search
+ {t('Quick search')}
- All pages
+ {t('All pages')}
- Favourites
+ {t('Favourites')}
{
triggerImportModal();
}}
>
- Import
+ {t('Import')}
- Trash
+ {t('Trash')}
{
}
}}
>
- New Page
+ {t('New Page')}
diff --git a/packages/app/src/libs/i18n/resources/bn.json b/packages/app/src/libs/i18n/resources/bn.json
index 5eb50f8cdf..0967ef424b 100644
--- a/packages/app/src/libs/i18n/resources/bn.json
+++ b/packages/app/src/libs/i18n/resources/bn.json
@@ -1,22 +1 @@
-{
- "// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.": "",
- "Add A Below Block": "নীচে একটি ব্লক যোগ করুন",
- "WarningTips": {
- "IsNotfsApiSupported": "অ্যাফাইন ডেমোতে স্বাগতম। পরিবর্তনগুলি সংরক্ষণ করা শুরু করতে আপনি Chrome/Edge এর মতো ক্রোমিয়াম ভিত্তিক ব্রাউজারের সর্বশেষ সংস্করণের মাধ্যমে ডিস্কে ডেটা সিঙ্ক করতে পারেন",
- "DoNotStore": "অ্যাফাইন সক্রিয় ডেভেলপমেন্ট এর অধীনে এবং বর্তমান সংস্করণটি অস্থিতিশীল। দয়া করে কোন তথ্য বা ডেটা সঞ্চয় করবেন না"
- },
- "Language": "ভাষা",
- "Settings": "সেটিংস",
- "Share": "শেয়ার করুন",
- "Comment": "মন্তব্য",
- "Delete": "মুছে ফেলুন",
- "Copy Page Link": "পেজ লিংক কপি করুন",
- "Duplicate Page": "সদৃশ পৃষ্ঠা তৈরি করুন",
- "Logout": "লগআউট",
- "Divide Here As A New Group": "একটি নতুন গ্রুপ হিসেবে বিভক্ত করুন",
- "ComingSoon": "লেআউট সেটিংস শীঘ্রই আসছে...",
- "Clear Workspace": "ওয়ার্কস্পেস পরিষ্কার করুন",
- "Layout": "লেআউট",
- "Turn into": "রূপান্তর করুন",
- "Sync to Disk": "ডিস্ক এ সিঙ্ক করুন"
-}
+{}
diff --git a/packages/app/src/libs/i18n/resources/en.json b/packages/app/src/libs/i18n/resources/en.json
index c2716448f7..9ce5282e71 100644
--- a/packages/app/src/libs/i18n/resources/en.json
+++ b/packages/app/src/libs/i18n/resources/en.json
@@ -1,28 +1,65 @@
{
- "Sync to Disk": "Sync to Disk",
- "Share": "Share",
- "WarningTips": {
- "IsNotfsApiSupported": "Welcome to the AFFiNE demo. To begin saving changes you can SYNC DATA TO DISK with the latest version of Chromium based browser like Chrome/Edge",
- "IsNotLocalWorkspace": "Welcome to the AFFiNE demo. To begin saving changes you can SYNC TO DISK.",
- "DoNotStore": "AFFiNE is under active development and the current version is UNSTABLE. Please DO NOT store information or data"
- },
- "Layout": "Layout",
- "Comment": "Comment",
- "Settings": "Settings",
- "ComingSoon": "Layout Settings Coming Soon...",
- "Duplicate Page": "Duplicate Page",
- "Copy Page Link": "Copy Page Link",
- "Language": "Language",
- "Clear Workspace": "Clear Workspace",
- "Export As Markdown": "Export As Markdown",
- "Export As HTML": "Export As HTML",
- "Export As PDF (Unsupported)": "Export As PDF (Unsupported)",
- "Import Workspace": "Import Workspace",
- "Export Workspace": "Export Workspace",
- "Last edited by": "Last edited by {{name}}",
- "Logout": "Logout",
+ "Quick search": "Quick search",
+ "All pages": "All pages",
+ "Favourites": "Favourites",
+ "No item": "No item",
+ "Import": "Import",
+ "Trash": "Trash",
+ "New Page": "New Page",
+ "New Keyword Page": "New '{{query}}' page",
+ "Find 0 result": "Find 0 result",
+ "Find results": "Find {{number}} results",
+ "Collapse sidebar": "Collapse sidebar",
+ "Expand sidebar": "Expand sidebar",
+ "Removed from Favourites": "Removed from Favourites",
+ "Remove from favourites": "Remove from favourites",
+ "Added to Favourites": "Added to Favourites",
+ "Add to favourites": "Add to favourites",
+ "Paper": "Paper",
+ "Edgeless": "Edgeless",
+ "Switch to": "Switch to",
+ "Convert to ": "Convert to ",
+ "Page": "Page",
+ "Export": "Export",
+ "Export to HTML": "Export to HTML",
+ "Export to Markdown": "Export to Markdown",
"Delete": "Delete",
- "Turn into": "Turn into",
- "Add A Below Block": "Add A Below Block",
- "Divide Here As A New Group": "Divide Here As A New Group"
+ "Title": "Title",
+ "Untitled": "Untitled",
+ "Created": "Created",
+ "Updated": "Updated",
+ "Open in new tab": "Open in new tab",
+ "Favourite": "Favourite",
+ "Favourited": "Favourited",
+ "Delete page?": "Delete page?",
+ "Delete permanently?": "Delete permanently?",
+ "will be moved to Trash": "{{title}} will be moved to Trash",
+ "Once deleted, you can't undo this action.": "Once deleted,you can't undo this action.",
+ "Moved to Trash": "Moved to Trash",
+ "Permanently deleted": "Permanently deleted",
+ "restored": "{{title}} restored",
+ "Cancel": "Cancel",
+ "Keyboard Shortcuts": "Keyboard Shortcuts",
+ "Contact Us": "Contact Us",
+ "Official Website": "Official Website",
+ "Get in touch!": "Get in touch!",
+ "AFFiNE Community": "AFFiNE Community",
+ "How is AFFiNE Alpha different?": "How is AFFiNE Alpha different?",
+ "Shortcuts": "Shortcuts",
+ "Undo": "Undo",
+ "Redo": "Redo",
+ "Bold": "Bold",
+ "Italic": "Italic",
+ "Underline": "Underline",
+ "Strikethrough": "Strikethrough",
+ "Inline code": "Inline code",
+ "Code block": "Code block",
+ "Link": "Link",
+ "Body text": "Body text",
+ "Heading": "Heading {{number}}",
+ "Increase indent": "Increase indent",
+ "Reduce indent": "Reduce indent",
+ "Markdown Syntax": "Markdown Syntax",
+ "Divider": "Divider",
+ "404 - Page Not Found": "404 - Page Not Found"
}
diff --git a/packages/app/src/libs/i18n/resources/fr.json b/packages/app/src/libs/i18n/resources/fr.json
index d30fdcb133..0967ef424b 100644
--- a/packages/app/src/libs/i18n/resources/fr.json
+++ b/packages/app/src/libs/i18n/resources/fr.json
@@ -1,29 +1 @@
-{
- "// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.": "",
- "ComingSoon": "Bientôt disponible",
- "Duplicate Page": "Dupliquer la page",
- "Copy Page Link": "Copier le lien de la page",
- "Delete": "Supprimer",
- "Comment": "Commentaire",
- "Export As HTML": "Exporter en HTML",
- "Export As Markdown": "Exporter en Markdown",
- "Export As PDF (Unsupported)": "exporter en PDF (non supporté)",
- "Logout": "Déconnexion",
- "Export Workspace": "Exporter l'espace de travail",
- "Import Workspace": "Importer l'espace de travail",
- "Language": "Langue",
- "Last edited by": "Dernière édition par {{name}}",
- "Layout": "Mise en forme",
- "Settings": "Réglages",
- "Share": "Partager",
- "Sync to Disk": "Synchroniser sur le disque",
- "Turn into": "Transformer en",
- "WarningTips": {
- "DoNotStore": "Affine est en développement actif ; la version actuelle est INSTABLE. Veuillez NE PAS stocker d'informations ou de données",
- "IsNotLocalWorkspace": "Bienvenue sur la démo d'AFFiNE. Pour commencer à sauvegarder vos modifications, vous pouvez SYNCHRONISER SUR LE DISQUE",
- "IsNotfsApiSupported": "Bienvenue sur la démo d'AFFiNE. Pour commencer à sauvegarder vos modifications, vous pouvez SYNCHRONISER SUR LE DISQUE\navec la dernière version d'un navigateur basé sur Chromium tel que Chrome ou Edge."
- },
- "Add A Below Block": "Ajouter un bloc en-dessous",
- "Divide Here As A New Group": "Séparer ici en un nouveau groupe",
- "Clear Workspace": "Vider l'espace de travail"
-}
+{}
diff --git a/packages/app/src/libs/i18n/resources/sr.json b/packages/app/src/libs/i18n/resources/sr.json
index edc6c32f2c..0967ef424b 100644
--- a/packages/app/src/libs/i18n/resources/sr.json
+++ b/packages/app/src/libs/i18n/resources/sr.json
@@ -1,27 +1 @@
-{
- "// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.": "",
- "Clear Workspace": "Očisti radni prostor",
- "ComingSoon": "Podešavanja za izgled dolaze",
- "Comment": "Komentar",
- "Copy Page Link": "Kopiraj link stranice",
- "Delete": "Obriši",
- "Duplicate Page": "Dupliraj stranicu",
- "Export As HTML": "Izvezi kao HTML",
- "Export As Markdown": "Izvezi kao Markdown",
- "Export As PDF (Unsupported)": "Izvezi kao PDF (nepodržano)",
- "Export Workspace": "Izvezi radnu površinu",
- "Import Workspace": "Poboljšaj radnu površinu",
- "Language": "Jezik",
- "Last edited by": "Zadnju promenu uradio {{ime}}",
- "Layout": "Izgled",
- "Logout": "Odjava",
- "Settings": "Podešavanja",
- "Share": "Podeli",
- "Sync to Disk": "Sinhroniziraj sa diskom",
- "Turn into": "Promeni u",
- "WarningTips": {
- "DoNotStore": "AFFiNE je u stanju aktivnog razvoja i trenutna verzija je NESTABILNA. Molimo vas, NEMOJTE čuvati informacije ili podatke.",
- "IsNotLocalWorkspace": "Dobrodošli u AFFiNE demo. Da bi započeli proces čuvanja promena možete kliknuti SINHRONIZUJ SA DISKOM.",
- "IsNotfsApiSupported": "Dobrodošli u AFFiNE demo. Da bi započeli proces čuvanja promena možete SINHRONIZOVATI NA DISK sa poslednjom verzijom pretraživača tipa Chromium, kao što su Chrome/Edge."
- }
-}
+{}
diff --git a/packages/app/src/libs/i18n/resources/zh-Hans.json b/packages/app/src/libs/i18n/resources/zh-Hans.json
index 14786dcb7e..47095233d9 100644
--- a/packages/app/src/libs/i18n/resources/zh-Hans.json
+++ b/packages/app/src/libs/i18n/resources/zh-Hans.json
@@ -1,29 +1,65 @@
{
- "// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.": "",
- "Sync to Disk": "同步到磁盘",
- "Share": "分享",
- "WarningTips": {
- "IsNotfsApiSupported": "欢迎来到AFFiNE 的演示界面。您可以使用最新版本的基于Chrome的浏览器（如Chrome/Edge）将数据同步到磁盘来进行保存",
- "IsNotLocalWorkspace": "欢迎来到AFFiNE 的演示界面，您可以同步到磁盘来进行保存操作。",
- "DoNotStore": "AFFiNE 正在积极开发中，当前版本不稳定。请不要存储信息或数据。"
- },
- "ComingSoon": "布局设置即将到来",
- "Layout": "布局",
- "Comment": "评论",
- "Settings": "设置",
- "Duplicate Page": "复制页面",
- "Copy Page Link": "复制页面链接",
- "Language": "当前语言",
- "Clear Workspace": "清空工作区域",
- "Export As Markdown": "导出 markdown",
- "Export As HTML": "导出 HTML",
- "Export As PDF (Unsupported)": "导出 PDF (暂不支持)",
- "Import Workspace": "导入 Workspace",
- "Export Workspace": "导出 Workspace",
- "Last edited by": "最后编辑者为 {{name}}",
- "Logout": "退出登录",
+ "Quick search": "快速搜索",
+ "All pages": "全部页面",
+ "Favourites": "收藏夹",
+ "No item": "没有项目",
+ "Import": "导入",
+ "Trash": "回收站",
+ "New Page": "新建文章",
+ "New Keyword Page": "新建 '{{query}}' 为标题的文章",
+ "Find 0 result": "找到 0 个结果",
+ "Find results": "找到 {{number}} 个结果",
+ "Collapse sidebar": "关闭侧边栏",
+ "Expand sidebar": "展开侧边栏",
+ "Removed from Favourites": "已从收藏中移除",
+ "Remove from favourites": "从收藏中移除",
+ "Added to Favourites": "已添加到收藏",
+ "Add to favourites": "添加到收藏",
+ "Paper": "文章",
+ "Edgeless": "无边模式",
+ "Switch to": "跳转到",
+ "Convert to ": "转换成 ",
+ "Page": "文章",
+ "Export": "导出",
+ "Export to HTML": "导出到 HTML",
+ "Export to Markdown": "导出到 Markdown",
"Delete": "删除",
- "Turn into": "转换为",
- "Add A Below Block": "在下方添加一个新块",
- "Divide Here As A New Group": "从这里划分一个新组"
+ "Title": "标题",
+ "Untitled": "无标题",
+ "Created": "创建时间",
+ "Updated": "更新时间",
+ "Open in new tab": "在新页面打开",
+ "Favourite": "收藏",
+ "Favourited": "已收藏",
+ "Delete page?": "删除文章?",
+ "Delete permanently?": "永久删除?",
+ "will be moved to Trash": "{{title}} 将被移动到回收站",
+ "Once deleted, you can't undo this action.": "一次性删除，无法恢复。",
+ "Moved to Trash": "已移动到回收站",
+ "Permanently deleted": "已永久删除",
+ "restored": "{{title}} 已恢复",
+ "Cancel": "取消",
+ "Keyboard Shortcuts": "快捷键",
+ "Contact Us": "联系我们",
+ "Official Website": "官网",
+ "Get in touch!": "Get in touch!",
+ "AFFiNE Community": "AFFiNE Community",
+ "How is AFFiNE Alpha different?": "How is AFFiNE Alpha different?",
+ "Shortcuts": "Shortcuts",
+ "Undo": "Undo",
+ "Redo": "Redo",
+ "Bold": "Bold",
+ "Italic": "Italic",
+ "Underline": "Underline",
+ "Strikethrough": "Strikethrough",
+ "Inline code": "Inline code",
+ "Code block": "Code block",
+ "Link": "Link",
+ "Body text": "Body text",
+ "Heading": "Heading {{number}}",
+ "Increase indent": "Increase indent",
+ "Reduce indent": "Reduce indent",
+ "Markdown Syntax": "Markdown Syntax",
+ "Divider": "Divider",
+ "404 - Page Not Found": "404 - Page Not Found"
}
diff --git a/packages/app/src/libs/i18n/resources/zh-Hant.json b/packages/app/src/libs/i18n/resources/zh-Hant.json
index 4d0f28c9cd..0967ef424b 100644
--- a/packages/app/src/libs/i18n/resources/zh-Hant.json
+++ b/packages/app/src/libs/i18n/resources/zh-Hant.json
@@ -1,29 +1 @@
-{
- "// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.": "",
- "Add A Below Block": "在下方新添塊",
- "Clear Workspace": "清空工作區",
- "ComingSoon": "自定義佈局功能即將與您見面",
- "Comment": "評論",
- "Copy Page Link": "拷貝頁面鏈接",
- "Delete": "刪除",
- "Divide Here As A New Group": "從此地劃分成新組",
- "Duplicate Page": "複製界面",
- "Export As HTML": "導出 HTML",
- "Export As Markdown": "以 Markdown 導出",
- "Export As PDF (Unsupported)": "導出為 PDF（即將可用）",
- "Export Workspace": "導出 Workspace",
- "Import Workspace": "導入 Workspace",
- "Language": "語言",
- "Last edited by": "最後編輯者為 {{name}}",
- "Layout": "佈局",
- "Logout": "退出登錄",
- "Settings": "設置",
- "Share": "分享",
- "Sync to Disk": "同步到磁盤",
- "Turn into": "轉換為",
- "WarningTips": {
- "DoNotStore": "我們正在積極開發 AFFiNE，目前版本尚不穩定，請避免存儲信息或數據。",
- "IsNotLocalWorkspace": "歡迎來到 AFFiNE 演示界面。您可以通過「同步到磁盤」來保存更改。",
- "IsNotfsApiSupported": "歡迎進入AFFiNE演示！使用最新版本的基於 Chromium 內核的瀏覽器如Chrome/Edge，您可以通過「同步到磁盤」來保存更改"
- }
-}
+{}
diff --git a/packages/app/src/pages/_app.tsx b/packages/app/src/pages/_app.tsx
index bb56e9acef..c7cbd78d4b 100644
--- a/packages/app/src/pages/_app.tsx
+++ b/packages/app/src/pages/_app.tsx
@@ -18,6 +18,7 @@ import { useEffect } from 'react';
import { useAppState } from '@/providers/app-state-provider';
import { PageLoading } from '@/components/loading';
import Head from 'next/head';
+import '@/libs/i18n';
const ThemeProvider = dynamic(() => import('@/providers/themeProvider'), {
ssr: false,
diff --git a/packages/app/src/pages/workspace/[workspaceId]/all.tsx b/packages/app/src/pages/workspace/[workspaceId]/all.tsx
index dacb16bd59..18f6e2a64b 100644
--- a/packages/app/src/pages/workspace/[workspaceId]/all.tsx
+++ b/packages/app/src/pages/workspace/[workspaceId]/all.tsx
@@ -4,13 +4,13 @@ import usePageMetaList from '@/hooks/use-page-meta-list';
import { PageListHeader } from '@/components/header';
import { ReactElement } from 'react';
import WorkspaceLayout from '@/components/workspace-layout';
-
+import { useTranslation } from 'react-i18next';
const All = () => {
const pageMetaList = usePageMetaList();
-
+ const { t } = useTranslation();
return (
<>
- }>All Page
+ }>{t('All pages')}
!p.trash)}
showFavoriteTag={true}
diff --git a/packages/app/src/pages/workspace/[workspaceId]/favorite.tsx b/packages/app/src/pages/workspace/[workspaceId]/favorite.tsx
index bde04923d6..d787f34e1b 100644
--- a/packages/app/src/pages/workspace/[workspaceId]/favorite.tsx
+++ b/packages/app/src/pages/workspace/[workspaceId]/favorite.tsx
@@ -4,12 +4,15 @@ import { FavouritesIcon } from '@blocksuite/icons';
import usePageMetaList from '@/hooks/use-page-meta-list';
import { ReactElement } from 'react';
import WorkspaceLayout from '@/components/workspace-layout';
-
+import { useTranslation } from 'react-i18next';
export const Favorite = () => {
const pageMetaList = usePageMetaList();
+ const { t } = useTranslation();
return (
<>
- }>Favourites
+ }>
+ {t('Favourites')}
+
p.favorite && !p.trash)} />
);
diff --git a/packages/app/src/pages/workspace/[workspaceId]/trash.tsx b/packages/app/src/pages/workspace/[workspaceId]/trash.tsx
index 9e7f397669..2343b39138 100644
--- a/packages/app/src/pages/workspace/[workspaceId]/trash.tsx
+++ b/packages/app/src/pages/workspace/[workspaceId]/trash.tsx
@@ -4,12 +4,13 @@ import { TrashIcon } from '@blocksuite/icons';
import usePageMetaList from '@/hooks/use-page-meta-list';
import { ReactElement } from 'react';
import WorkspaceLayout from '@/components/workspace-layout';
-
+import { useTranslation } from 'react-i18next';
export const Trash = () => {
const pageMetaList = usePageMetaList();
+ const { t } = useTranslation();
return (
<>
- }>Trash
+ }>{t('Trash')}
p.trash)} isTrash={true} />
);
diff --git a/packages/app/src/templates/Welcome-to-AFFiNE-Alpha-v2.0.md b/packages/app/src/templates/Welcome-to-AFFiNE-Alpha-v2.0.md
index 8493d51149..e0fc661340 100644
--- a/packages/app/src/templates/Welcome-to-AFFiNE-Alpha-v2.0.md
+++ b/packages/app/src/templates/Welcome-to-AFFiNE-Alpha-v2.0.md
@@ -27,7 +27,7 @@ Let us know what you think of this latest version.
### Playground:
-[] Try a horiztaonl line: `---`
+[] Try a horizontal line: `---`
[] What about a code block? ```
diff --git a/packages/app/src/ui/confirm/Confirm.tsx b/packages/app/src/ui/confirm/Confirm.tsx
index 7b789c4f89..dee4953812 100644
--- a/packages/app/src/ui/confirm/Confirm.tsx
+++ b/packages/app/src/ui/confirm/Confirm.tsx
@@ -7,6 +7,7 @@ import {
StyledModalWrapper,
} from '@/ui/confirm/styles';
import { Button } from '@/ui/button';
+import { useTranslation } from 'react-i18next';
export type ConfirmProps = {
title?: string;
content?: string;
@@ -28,6 +29,7 @@ export const Confirm = ({
cancelText = 'Cancel',
}: ConfirmProps) => {
const [open, setOpen] = useState(true);
+ const { t } = useTranslation();
return (
@@ -50,7 +52,7 @@ export const Confirm = ({
}}
style={{ marginRight: '24px' }}
>
- {cancelText}
+ {cancelText === 'Cancel' ? t('Cancel') : cancelText}