Merged PR 557: ヘッダの表示文言がクッションページで正常に出るように修正

## 概要
[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)

## 動作確認状況
- ローカルで確認
This commit is contained in:
makabe.t 2023-11-07 01:29:09 +00:00
parent 0da1aeab81
commit e38112924d

View File

@ -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>
);
};