feat: translate StudioFilter component's strings

notwindstone · Jun 23, 2024 · 0945685 · 0945685
1 parent 2203229
commit 0945685
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -3,6 +3,7 @@
     "locale": "en"
   },
   "Translations": {
+    "component__studio-filter__studio-placeholder-label": "Studio",
     "component__status-filter__status-label": "Status",
     "common__season-winter": "Winter",
     "common__season-spring": "Spring",

diff --git a/messages/ru.json b/messages/ru.json
@@ -3,6 +3,7 @@
     "locale": "ru"
   },
   "Translations": {
+    "component__studio-filter__studio-placeholder-label": "Студия",
     "component__status-filter__status-label": "Статус",
     "common__season-winter": "Зима",
     "common__season-spring": "Весна",

diff --git a/src/components/Filters/StudioFilter/StudioFilter.tsx b/src/components/Filters/StudioFilter/StudioFilter.tsx
@@ -6,6 +6,7 @@ import {useDisclosure} from "@mantine/hooks";
 import calculateColor from "@/utils/Misc/calculateColor";
 import {useQuery} from "@tanstack/react-query";
 import {client} from "@/lib/shikimori/client";
+import {useTranslations} from "next-intl";
 
 export default (function StudioFilter({
     studio,
@@ -14,6 +15,7 @@ export default (function StudioFilter({
     studio: string | null,
     setStudio: Dispatch<SetStateAction<string | null>>
 }) {
+    const translate = useTranslations('Translations');
     const [studiosData, setStudiosData] = useState<{ label: string, value: string }[]>([]);
     const shikimori = client();
     const { theme } = useCustomTheme();
@@ -66,7 +68,9 @@ export default (function StudioFilter({
 
     if (error) {
         return (
-            <>Ошибка: {error.message}</>
+            <>
+                {translate('common__error-label')}: {error.message}
+            </>
         );
     }
 
@@ -83,7 +87,7 @@ export default (function StudioFilter({
                     }
                 }}
                 classNames={classes}
-                placeholder="Студия"
+                placeholder={translate('component__studio-filter__studio-placeholder-label')}
                 value={studio}
                 onChange={setStudio}
                 data={studiosData}