fix(i18n): prepare for Lokalise

2025-01-03 14:54:46 +01:00
parent cbc17e2c5b
commit d2ce9c0d7c
120 changed files with 1703 additions and 1042 deletions
--- a/components/DatePicker/index.tsx
+++ b/components/DatePicker/index.tsx
@@ -1,7 +1,9 @@
 "use client"
+
 import { da, de, fi, nb, sv } from "date-fns/locale"
 import { useCallback, useEffect, useRef, useState } from "react"
 import { useFormContext, useWatch } from "react-hook-form"
+import { useIntl } from "react-intl"

 import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"
@@ -26,6 +28,8 @@ const locales = {

 export default function DatePickerForm({ name = "date" }: DatePickerFormProps) {
  const lang = useLang()
+  const intl = useIntl()
+
  const [isOpen, setIsOpen] = useState(false)
  const selectedDate = useWatch({ name })
  const { register, setValue } = useFormContext()
@@ -131,7 +135,13 @@ export default function DatePickerForm({ name = "date" }: DatePickerFormProps) {
      >
        <Body className={styles.body} asChild color="uiTextHighContrast">
          <span>
-            {selectedFromDate} - {selectedToDate}
+            {intl.formatMessage(
+              { id: "{selectedFromDate} - {selectedToDate}" },
+              {
+                selectedFromDate,
+                selectedToDate,
+              }
+            )}
          </span>
        </Body>
      </button>