usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2024-11-30 22:14:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: disallow destructuring 't' from useTranslation (#1973)

Browse Source
This commit is contained in:
Ajay Kumbhare 2023-07-16 18:56:26 +05:30 committed by GitHub
parent 589b104671
commit 4ac63ba1f0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 24 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/.eslintrc.json
View File

@ -25,11 +25,26 @@
"@typescript-eslint/no-unused-vars": "error", "@typescript-eslint/no-unused-vars": "error",
"@typescript-eslint/no-explicit-any": ["off"], "@typescript-eslint/no-explicit-any": ["off"],
"react/react-in-jsx-scope": "off", "react/react-in-jsx-scope": "off",
"react/jsx-no-target-blank": "off" "react/jsx-no-target-blank": "off",
"no-restricted-syntax": [
"error",
{
"selector": "VariableDeclarator[init.callee.name='useTranslation'] > ObjectPattern > Property[key.name='t']:not([parent.declarations.0.init.callee.object.name='i18n'])",
"message": "Destructuring 't' from useTranslation is not allowed. Please use the 'useTranslate' hook from '@/utils/i18n'."
}
]
}, },
"settings": { "settings": {
"react": { "react": {
"version": "detect" "version": "detect"
} }
} },
"overrides": [
{
"files": ["src/utils/i18n.ts"],
"rules": {
"no-restricted-syntax": "off"
}
}
]
} }

4
web/src/components/MemoChat/ChatInput.tsx
View File

@ -1,6 +1,6 @@
import Icon from "@/components/Icon"; import Icon from "@/components/Icon";
import Textarea from "@mui/joy/Textarea/Textarea"; import Textarea from "@mui/joy/Textarea/Textarea";
import { useTranslation } from "react-i18next"; import { useTranslate } from "@/utils/i18n";
interface Props { interface Props {
question: string; question: string;
@ -11,7 +11,7 @@ interface Props {
} }
const ChatInput = ({ question, handleQuestionTextareaChange, setIsInIME, handleKeyDown, handleSendQuestionButtonClick }: Props) => { const ChatInput = ({ question, handleQuestionTextareaChange, setIsInIME, handleKeyDown, handleSendQuestionButtonClick }: Props) => {
const { t } = useTranslation(); const t = useTranslate();
return ( return (
<div className="w-full relative mt-4"> <div className="w-full relative mt-4">

4
web/src/components/MemoEditor/MemoEditorDialog.tsx
View File

@ -1,7 +1,7 @@
import { generateDialog } from "../Dialog"; import { generateDialog } from "../Dialog";
import Icon from "../Icon"; import Icon from "../Icon";
import MemoEditor from "."; import MemoEditor from ".";
import { useTranslation } from "react-i18next"; import { useTranslate } from "@/utils/i18n";
interface Props extends DialogProps { interface Props extends DialogProps {
memoId?: MemoId; memoId?: MemoId;
@ -12,7 +12,7 @@ const MemoEditorDialog: React.FC<Props> = ({ memoId, relationList, destroy }: Pr
const handleCloseBtnClick = () => { const handleCloseBtnClick = () => {
destroy(); destroy();
}; };
const { t } = useTranslation(); const t = useTranslate();
return ( return (
<> <>

6
web/src/pages/MemoChat.tsx
View File

@ -2,7 +2,7 @@ import { Button, Stack } from "@mui/joy";
import { head } from "lodash-es"; import { head } from "lodash-es";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import { toast } from "react-hot-toast"; import { toast } from "react-hot-toast";
import { useTranslation } from "react-i18next"; import { useTranslate } from "@/utils/i18n";
import * as api from "@/helpers/api"; import * as api from "@/helpers/api";
import useLoading from "@/hooks/useLoading"; import useLoading from "@/hooks/useLoading";
import { useMessageStore } from "@/store/zustand/message"; import { useMessageStore } from "@/store/zustand/message";
@ -16,7 +16,7 @@ import ConversationTab from "@/components/MemoChat/ConversationTab";
import Empty from "@/components/Empty"; import Empty from "@/components/Empty";
const MemoChat = () => { const MemoChat = () => {
const { t } = useTranslation(); const t = useTranslate();
const fetchingState = useLoading(false); const fetchingState = useLoading(false);
const [isEnabled, setIsEnabled] = useState<boolean>(true); const [isEnabled, setIsEnabled] = useState<boolean>(true);
const [isInIME, setIsInIME] = useState(false); const [isInIME, setIsInIME] = useState(false);
@ -174,7 +174,7 @@ const MemoChat = () => {
)} )}
{!isEnabled && ( {!isEnabled && (
<div className="w-full flex flex-col justify-center items-center mt-4 space-y-2"> <div className="w-full flex flex-col justify-center items-center mt-4 space-y-2">
<p>{t("memo-chat.not_enabled")}</p> <p>{t("memo-chat.not-enabled")}</p>
<Button onClick={() => handleGotoSystemSetting()}>{t("memo-chat.go-to-settings")}</Button> <Button onClick={() => handleGotoSystemSetting()}>{t("memo-chat.go-to-settings")}</Button>
</div> </div>
)} )}