YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: i18n for dialogs (#203)

Browse Source 
* feat: i18n in dialog

* fix: use common translation
This commit is contained in:
winwin2011
2022-09-10 09:30:10 +08:00
committed by GitHub
parent 50fa560d4a
commit 7b0987610c
5 changed files with 47 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/ArchivedMemoDialog.tsx
View File

@ -1,5 +1,6 @@
import { useEffect, useState } from "react";
import useLoading from "../hooks/useLoading";
import useI18n from "../hooks/useI18n";
import { memoService } from "../services";
import { useAppSelector } from "../store";
import Icon from "./Icon";
@ -11,6 +12,7 @@ import "../less/archived-memo-dialog.less";
type Props = DialogProps;
const ArchivedMemoDialog: React.FC<Props> = (props: Props) => {
const { t } = useI18n();
const { destroy } = props;
const memos = useAppSelector((state) => state.memo.memos);
const loadingState = useLoading();
@ -36,7 +38,7 @@ const ArchivedMemoDialog: React.FC<Props> = (props: Props) => {
<div className="dialog-header-container">
<p className="title-text">
<span className="icon-text">🗂</span>
Archived Memos
{t("archived.archived-memos")}
</p>
<button className="btn close-btn" onClick={destroy}>
<Icon.X className="icon-img" />
@ -45,11 +47,11 @@ const ArchivedMemoDialog: React.FC<Props> = (props: Props) => {
<div className="dialog-content-container">
{loadingState.isLoading ? (
<div className="tip-text-container">
<p className="tip-text">fetching data...</p>
<p className="tip-text">{t("archived.fetching-data")}</p>
</div>
) : archivedMemos.length === 0 ? (
<div className="tip-text-container">
<p className="tip-text">No archived memos.</p>
<p className="tip-text">{t("archived.no-archived-memos")}</p>
</div>
) : (
<div className="archived-memos-container">