From e38112924d167393462eb47ef8396d5b35b3ebae Mon Sep 17 00:00:00 2001
From: "makabe.t" <makabe.t@nds-tyo.co.jp>
Date: Tue, 7 Nov 2023 01:29:09 +0000
Subject: [PATCH] =?UTF-8?q?Merged=20PR=20557:=20=E3=83=98=E3=83=83?=
 =?UTF-8?q?=E3=83=80=E3=81=AE=E8=A1=A8=E7=A4=BA=E6=96=87=E8=A8=80=E3=81=8C?=
 =?UTF-8?q?=E3=82=AF=E3=83=83=E3=82=B7=E3=83=A7=E3=83=B3=E3=83=9A=E3=83=BC?=
 =?UTF-8?q?=E3=82=B8=E3=81=A7=E6=AD=A3=E5=B8=B8=E3=81=AB=E5=87=BA=E3=82=8B?=
 =?UTF-8?q?=E3=82=88=E3=81=86=E3=81=AB=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 概要
[Task3031: ヘッダの表示文言がクッションページで正常に出るように修正](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/3031)

- 未ログイン状態のヘッダについて、翻訳文言の反映が漏れていたので対応しました。

## レビューポイント
- 共有

## UIの変更
- [Task3031](https://ndstokyo.sharepoint.com/:f:/r/sites/Piranha/Shared%20Documents/General/OMDS/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88/Task3031?csf=1&web=1&e=6hBCEH)

## 動作確認状況
- ローカルで確認
---
 dictation_client/src/components/header/notLoginHeader.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/dictation_client/src/components/header/notLoginHeader.tsx b/dictation_client/src/components/header/notLoginHeader.tsx
index 0c788cc..1580e8e 100644
--- a/dictation_client/src/components/header/notLoginHeader.tsx
+++ b/dictation_client/src/components/header/notLoginHeader.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import styles from "styles/app.module.scss";
 
+import { useTranslation } from "react-i18next";
 import logo from "../../assets/images/OMS_logo_black.svg";
 import { HEADER_NAME } from "./constants";
 
@@ -12,12 +13,13 @@ const NotLoginHeader: React.FC<NotLoginHeaderProps> = (
   props: NotLoginHeaderProps
 ) => {
   const { isMobile } = props;
+  const { t } = useTranslation();
   return (
     <header className={`${styles.header} ${isMobile && styles.home}`}>
       <div className={`${styles.headerLogo}`}>
         <img src={logo} alt="OM System" />
       </div>
-      <p className={`${styles.headerSub}`}>{HEADER_NAME}</p>
+      <p className={`${styles.headerSub}`}>{t(HEADER_NAME)}</p>
     </header>
   );
 };