);
diff --git a/src/components/forms/first-registration/is-registering-more-than-two.tsx b/src/components/forms/first-registration/is-registering-more-than-two.tsx
index 69dec7c..21991df 100644
--- a/src/components/forms/first-registration/is-registering-more-than-two.tsx
+++ b/src/components/forms/first-registration/is-registering-more-than-two.tsx
@@ -1,12 +1,11 @@
import { useFirstRegistrationStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function IsRegisteringMoreThanTwo() {
const isRegisteringMoreThanTwo = useFirstRegistrationStore(
@@ -19,7 +18,7 @@ export function IsRegisteringMoreThanTwo() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -39,10 +38,10 @@ export function IsRegisteringMoreThanTwo() {
>
-
{t("first-registration.q6", language)}
+
{t("first-registration.q6")}
@@ -50,7 +49,7 @@ export function IsRegisteringMoreThanTwo() {
{options.map((option) => {
const name = "first-registration.q6.radio";
- const label = t(option, language);
+ const label = t(option);
const isChecked =
(option === "yes" && isRegisteringMoreThanTwo === true) ||
(option === "no" && isRegisteringMoreThanTwo === false);
@@ -77,19 +76,16 @@ export function IsRegisteringMoreThanTwo() {
? `tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right before:w-[9rem] ${arePointerEventsDisabled ? "pointer-events-none" : ""}`
: undefined
}`}
- data-tip={!isValid ? t("button.next.tooltip", language) : undefined}
+ data-tip={!isValid ? t("button.next.tooltip") : undefined}
>
-
+
);
diff --git a/src/components/forms/first-registration/is-registering-spouse.tsx b/src/components/forms/first-registration/is-registering-spouse.tsx
index c6d2211..5d8e548 100644
--- a/src/components/forms/first-registration/is-registering-spouse.tsx
+++ b/src/components/forms/first-registration/is-registering-spouse.tsx
@@ -1,12 +1,11 @@
import { useFirstRegistrationStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { SecondaryButton } from "../../buttons/secondary-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { InfoButton } from "../../buttons/info-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function IsRegisteringSpouse() {
const isRegisteringSpouse = useFirstRegistrationStore(
@@ -19,7 +18,7 @@ export function IsRegisteringSpouse() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -38,19 +37,19 @@ export function IsRegisteringSpouse() {
}}
>
-
-
{t("first-registration.q3", language)}
+
+
{t("first-registration.q3")}
-
+
{options.map((option) => {
const name = "first-registration.q3.radio";
- const label = t(option, language);
+ const label = t(option);
const isChecked =
(option === "yes" && isRegisteringSpouse === true) ||
(option === "no" && isRegisteringSpouse === false);
@@ -76,19 +75,16 @@ export function IsRegisteringSpouse() {
? `tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right before:w-[9rem] ${arePointerEventsDisabled ? "pointer-events-none" : ""}`
: undefined
}`}
- data-tip={!isValid ? t("button.next.tooltip", language) : undefined}
+ data-tip={!isValid ? t("button.next.tooltip") : undefined}
>
-
+
);
diff --git a/src/components/forms/intro/index.tsx b/src/components/forms/intro/index.tsx
index ad6aa27..8bcd2b2 100644
--- a/src/components/forms/intro/index.tsx
+++ b/src/components/forms/intro/index.tsx
@@ -1,12 +1,11 @@
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
-import { t } from "../../../i18n/translations";
import { Appointment } from "../../appointment";
import { PrimaryButton } from "../../buttons/primary-button";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function Intro() {
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
return (
<>
@@ -18,12 +17,12 @@ export function Intro() {
className="flex w-full flex-col gap-9"
>
-
{t("intro.p1", language)}
+
{t("intro.p1")}
>
diff --git a/src/components/forms/nationality/is-european.tsx b/src/components/forms/nationality/is-european.tsx
index 374d16f..5c8dea5 100644
--- a/src/components/forms/nationality/is-european.tsx
+++ b/src/components/forms/nationality/is-european.tsx
@@ -1,12 +1,11 @@
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { useNationalityStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function IsEuropean() {
const isEuropean = useNationalityStore((state) => state.isEuropean);
@@ -17,7 +16,7 @@ export function IsEuropean() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -35,10 +34,10 @@ export function IsEuropean() {
>
-
{t("nationality.q3", language)}
+
{t("nationality.q3")}
@@ -50,7 +49,7 @@ export function IsEuropean() {
(option === "yes" && isEuropean === true) ||
(option === "no" && isEuropean === false);
const onChange = () => setIsEuropean(option === "yes");
- const label = t(option, language);
+ const label = t(option);
return (
-
+
);
diff --git a/src/components/forms/nationality/is-german-over-16.tsx b/src/components/forms/nationality/is-german-over-16.tsx
index 6949755..a4d43af 100644
--- a/src/components/forms/nationality/is-german-over-16.tsx
+++ b/src/components/forms/nationality/is-german-over-16.tsx
@@ -1,12 +1,11 @@
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { useNationalityStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function IsGermanOver16() {
const isGermanOver16 = useNationalityStore((state) => state.isGermanOver16);
@@ -19,7 +18,7 @@ export function IsGermanOver16() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -37,10 +36,10 @@ export function IsGermanOver16() {
>
-
{t("nationality.q2", language)}
+
{t("nationality.q2")}
@@ -52,7 +51,7 @@ export function IsGermanOver16() {
(option === "yes" && isGermanOver16 === true) ||
(option === "no" && isGermanOver16 === false);
const onChange = () => setIsGermanOver16(option === "yes");
- const label = t(option, language);
+ const label = t(option);
return (
-
+
);
diff --git a/src/components/forms/nationality/is-german.tsx b/src/components/forms/nationality/is-german.tsx
index 9b4c03a..21a9dde 100644
--- a/src/components/forms/nationality/is-german.tsx
+++ b/src/components/forms/nationality/is-german.tsx
@@ -1,12 +1,11 @@
import { useNationalityStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function IsGerman() {
const isGerman = useNationalityStore((state) => state.isGerman);
@@ -17,7 +16,7 @@ export function IsGerman() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -35,10 +34,10 @@ export function IsGerman() {
>
-
{t("nationality.q1", language)}
+
{t("nationality.q1")}
@@ -50,7 +49,7 @@ export function IsGerman() {
(option === "yes" && isGerman === true) ||
(option === "no" && isGerman === false);
const onChange = () => setIsGerman(option === "yes");
- const label = t(option, language);
+ const label = t(option);
return (
-
+
);
diff --git a/src/components/forms/nationality/is-non-german-over-16.tsx b/src/components/forms/nationality/is-non-german-over-16.tsx
index e213991..c4d6cb0 100644
--- a/src/components/forms/nationality/is-non-german-over-16.tsx
+++ b/src/components/forms/nationality/is-non-german-over-16.tsx
@@ -1,12 +1,11 @@
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { useNationalityStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function IsNonGermanOver16() {
const isNonGermanOver16 = useNationalityStore(
@@ -21,7 +20,7 @@ export function IsNonGermanOver16() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -39,10 +38,10 @@ export function IsNonGermanOver16() {
>
-
{t("nationality.q4", language)}
+
{t("nationality.q4")}
@@ -54,7 +53,7 @@ export function IsNonGermanOver16() {
(option === "yes" && isNonGermanOver16 === true) ||
(option === "no" && isNonGermanOver16 === false);
const onChange = () => setIsNonGermanOver16(option === "yes");
- const label = t(option, language);
+ const label = t(option);
return (
-
+
);
diff --git a/src/components/forms/nationality/is-refugee.tsx b/src/components/forms/nationality/is-refugee.tsx
index 388ffd1..ab263c1 100644
--- a/src/components/forms/nationality/is-refugee.tsx
+++ b/src/components/forms/nationality/is-refugee.tsx
@@ -1,12 +1,11 @@
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { useNationalityStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function IsRefugee() {
const isRefugee = useNationalityStore((state) => state.isRefugee);
@@ -17,7 +16,7 @@ export function IsRefugee() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -35,10 +34,10 @@ export function IsRefugee() {
>
-
{t("nationality.q5", language)}
+
{t("nationality.q5")}
@@ -50,7 +49,7 @@ export function IsRefugee() {
(option === "yes" && isRefugee === true) ||
(option === "no" && isRefugee === false);
const onChange = () => setIsRefugee(option === "yes");
- const label = t(option, language);
+ const label = t(option);
return (
- {t("nationality.q5.hint", language)}{" "}
+ {t("nationality.q5.hint")}{" "}
-
+
);
diff --git a/src/components/forms/other-residence/has-other-residence.tsx b/src/components/forms/other-residence/has-other-residence.tsx
index 42628db..94f10fc 100644
--- a/src/components/forms/other-residence/has-other-residence.tsx
+++ b/src/components/forms/other-residence/has-other-residence.tsx
@@ -1,12 +1,11 @@
import { useOtherResidenceStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function HasOtherResidence() {
const hasOtherResidence = useOtherResidenceStore(
@@ -21,7 +20,7 @@ export function HasOtherResidence() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -39,10 +38,10 @@ export function HasOtherResidence() {
>
-
{t("other-residence.q1", language)}
+
{t("other-residence.q1")}
@@ -54,7 +53,7 @@ export function HasOtherResidence() {
(option === "yes" && hasOtherResidence === true) ||
(option === "no" && hasOtherResidence === false);
const onChange = () => setHasOtherResidence(option === "yes");
- const label = t(option, language);
+ const label = t(option);
return (
-
+
);
diff --git a/src/components/forms/other-residence/is-other-residence-abroad.tsx b/src/components/forms/other-residence/is-other-residence-abroad.tsx
index 806945e..75ff4a6 100644
--- a/src/components/forms/other-residence/is-other-residence-abroad.tsx
+++ b/src/components/forms/other-residence/is-other-residence-abroad.tsx
@@ -1,12 +1,11 @@
import { useOtherResidenceStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function IsOtherResidenceAbroad() {
const isOtherResidenceAbroad = useOtherResidenceStore(
@@ -21,7 +20,7 @@ export function IsOtherResidenceAbroad() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -39,10 +38,10 @@ export function IsOtherResidenceAbroad() {
>
-
{t("other-residence.q2", language)}
+
{t("other-residence.q2")}
@@ -54,7 +53,7 @@ export function IsOtherResidenceAbroad() {
(option === "yes" && isOtherResidenceAbroad === true) ||
(option === "no" && isOtherResidenceAbroad === false);
const onChange = () => setIsOtherResidenceAbroad(option === "yes");
- const label = t(option, language);
+ const label = t(option);
return (
-
+
);
diff --git a/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx b/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx
index f27085c..d72ef66 100644
--- a/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx
+++ b/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx
@@ -1,12 +1,11 @@
import { useOtherResidenceStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
-import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useTimeout } from "../../../hooks/useTimeout";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function IsRegisteringForMoreThanSixMonths() {
const isRegisteringForMoreThanSixMonths = useOtherResidenceStore(
@@ -23,7 +22,7 @@ export function IsRegisteringForMoreThanSixMonths() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -41,10 +40,10 @@ export function IsRegisteringForMoreThanSixMonths() {
>
-
{t("other-residence.q4", language)}
+
{t("other-residence.q4")}
@@ -58,7 +57,7 @@ export function IsRegisteringForMoreThanSixMonths() {
(option === "no" && isRegisteringForMoreThanSixMonths === false);
const onChange = () =>
setIsRegisteringForMoreThanSixMonths(option === "yes");
- const label = t(option, language);
+ const label = t(option);
return (
- {t("other-residence.q4.hint", language)}{" "}
+ {t("other-residence.q4.hint")}{" "}
- {t("other-residence.q4.hint.link.label", language)}{" "}
+ {t("other-residence.q4.hint.link.label")}{" "}
@@ -93,24 +92,18 @@ export function IsRegisteringForMoreThanSixMonths() {
}`}
data-tip={
!isValid || !needsRegistration
- ? t(
- showHint ? "other-residence.q4.hint" : "button.next.tooltip",
- language,
- )
+ ? t(showHint ? "other-residence.q4.hint" : "button.next.tooltip")
: undefined
}
>
-
+
);
diff --git a/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx b/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx
index df5de8d..73e23ae 100644
--- a/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx
+++ b/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx
@@ -1,12 +1,11 @@
import { useOtherResidenceStore } from "./store";
import { useProgressStore } from "../../steps/store";
-import { useI18nStore } from "../../../i18n/store";
-import { t } from "../../../i18n/translations";
import { RadioInput } from "../../radio-input";
import { InfoButton } from "../../buttons/info-button";
import { PrimaryButton } from "../../buttons/primary-button";
import { SecondaryButton } from "../../buttons/secondary-button";
import { useTimeout } from "../../../hooks/useTimeout.tsx";
+import { useI18n } from "../../../i18n/hook/useI18n.tsx";
export function IsRegisteringForMoreThanThreeMonths() {
const isRegisteringForMoreThanThreeMonths = useOtherResidenceStore(
@@ -23,7 +22,7 @@ export function IsRegisteringForMoreThanThreeMonths() {
const goToPreviousStep = useProgressStore((state) => state.goToPreviousStep);
const goToNextStep = useProgressStore((state) => state.goToNextStep);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
const options = ["yes", "no"];
@@ -41,10 +40,10 @@ export function IsRegisteringForMoreThanThreeMonths() {
>
-
{t("other-residence.q3", language)}
+
{t("other-residence.q3")}
@@ -59,7 +58,7 @@ export function IsRegisteringForMoreThanThreeMonths() {
isRegisteringForMoreThanThreeMonths === false);
const onChange = () =>
setIsRegisteringForMoreThanThreeMonths(option === "yes");
- const label = t(option, language);
+ const label = t(option);
return (
- {t("other-residence.q3.hint", language)}{" "}
+ {t("other-residence.q3.hint")}{" "}
- {t("other-residence.q3.hint.link.label", language)}{" "}
+ {t("other-residence.q3.hint.link.label")}{" "}
@@ -94,24 +93,18 @@ export function IsRegisteringForMoreThanThreeMonths() {
}`}
data-tip={
!isValid || !needsRegistration
- ? t(
- showHint ? "other-residence.q3.hint" : "button.next.tooltip",
- language,
- )
+ ? t(showHint ? "other-residence.q3.hint" : "button.next.tooltip")
: undefined
}
>
-
+
);
diff --git a/src/components/forms/overview/document-checkbox.tsx b/src/components/forms/overview/document-checkbox.tsx
index b957180..5d29e59 100644
--- a/src/components/forms/overview/document-checkbox.tsx
+++ b/src/components/forms/overview/document-checkbox.tsx
@@ -1,8 +1,7 @@
import { DocumentLink } from "./document-link.tsx";
import { useOverviewStore } from "./store";
-import { t } from "../../../i18n/translations";
-import { useI18nStore } from "../../../i18n/store";
import { InfoButton } from "../../buttons/info-button";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function DocumentCheckbox({
id,
@@ -12,7 +11,7 @@ export function DocumentCheckbox({
value: boolean | null;
}) {
const setDocs = useOverviewStore((state) => state.setDocs);
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
return (
@@ -55,13 +54,13 @@ export function DocumentCheckbox({
value === true ? "text-gray-400 line-through" : undefined
}
>
- {t(id, language)}
+ {t(id)}
diff --git a/src/components/forms/overview/document-link.tsx b/src/components/forms/overview/document-link.tsx
index 13330e7..4f3e1af 100644
--- a/src/components/forms/overview/document-link.tsx
+++ b/src/components/forms/overview/document-link.tsx
@@ -1,8 +1,7 @@
-import { t } from "../../../i18n/translations";
-import { useI18nStore } from "../../../i18n/store";
+import { useI18n } from "../../../i18n/hook/useI18n";
export function DocumentLink({ id }: { id: string }) {
- const language = useI18nStore((state) => state.language);
+ const t = useI18n();
let url = "";
@@ -62,7 +61,7 @@ export function DocumentLink({ id }: { id: string }) {
d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"
/>
- {t("download", language)}
+ {t("download")}