e38112924d
## 概要 [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) ## 動作確認状況 - ローカルで確認
30 lines
841 B
TypeScript
30 lines
841 B
TypeScript
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";
|
|
|
|
interface NotLoginHeaderProps {
|
|
isMobile?: boolean;
|
|
}
|
|
// ログインしていない時のヘッダー
|
|
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}`}>{t(HEADER_NAME)}</p>
|
|
</header>
|
|
);
|
|
};
|
|
NotLoginHeader.defaultProps = {
|
|
isMobile: false,
|
|
};
|
|
export default NotLoginHeader;
|