From cbc06ff9f8a47e8fc602b9385de445cdd809b481 Mon Sep 17 00:00:00 2001
From: Halvor Haugan <halvor.haugan@nav.no>
Date: Wed, 23 Oct 2024 12:24:25 +0200
Subject: [PATCH] [Translations] Modal: i18n support

---
 @navikt/core/react/src/modal/ModalHeader.tsx   | 4 +++-
 @navikt/core/react/src/util/i18n/locales/en.ts | 3 +++
 @navikt/core/react/src/util/i18n/locales/nb.ts | 3 +++
 @navikt/core/react/src/util/i18n/locales/nn.ts | 3 +++
 4 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/@navikt/core/react/src/modal/ModalHeader.tsx b/@navikt/core/react/src/modal/ModalHeader.tsx
index edde91e053..06bc20b6c7 100644
--- a/@navikt/core/react/src/modal/ModalHeader.tsx
+++ b/@navikt/core/react/src/modal/ModalHeader.tsx
@@ -2,6 +2,7 @@ import cl from "clsx";
 import React, { forwardRef } from "react";
 import { XMarkIcon } from "@navikt/aksel-icons";
 import { Button } from "../button";
+import { useI18n } from "../util/i18n/i18n.context";
 import { useModalContext } from "./Modal.context";
 
 export interface ModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -16,6 +17,7 @@ export interface ModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
 const ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(
   ({ children, className, closeButton = true, ...rest }, ref) => {
     const context = useModalContext();
+    const translate = useI18n("Modal");
 
     return (
       <div {...rest} ref={ref} className={cl("navds-modal__header", className)}>
@@ -32,7 +34,7 @@ const ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(
               }
             }}
             onClick={context.closeHandler}
-            icon={<XMarkIcon title="Lukk" />}
+            icon={<XMarkIcon title={translate("close")} />}
           />
         )}
         {children}
diff --git a/@navikt/core/react/src/util/i18n/locales/en.ts b/@navikt/core/react/src/util/i18n/locales/en.ts
index 687db5ffee..c678dc7bd1 100644
--- a/@navikt/core/react/src/util/i18n/locales/en.ts
+++ b/@navikt/core/react/src/util/i18n/locales/en.ts
@@ -37,4 +37,7 @@ export default {
       labelSuffix: "delete",
     },
   },
+  Modal: {
+    close: "Close",
+  },
 } satisfies Translations;
diff --git a/@navikt/core/react/src/util/i18n/locales/nb.ts b/@navikt/core/react/src/util/i18n/locales/nb.ts
index 988eea2593..bf1466d63d 100644
--- a/@navikt/core/react/src/util/i18n/locales/nb.ts
+++ b/@navikt/core/react/src/util/i18n/locales/nb.ts
@@ -44,4 +44,7 @@ export default {
       labelSuffix: "slett",
     },
   },
+  Modal: {
+    close: "Lukk",
+  },
 } satisfies TranslationMap;
diff --git a/@navikt/core/react/src/util/i18n/locales/nn.ts b/@navikt/core/react/src/util/i18n/locales/nn.ts
index ac493cf2e0..451c070386 100644
--- a/@navikt/core/react/src/util/i18n/locales/nn.ts
+++ b/@navikt/core/react/src/util/i18n/locales/nn.ts
@@ -37,4 +37,7 @@ export default {
       labelSuffix: "slett",
     },
   },
+  Modal: {
+    close: "Lukk",
+  },
 } satisfies Translations;