## 概要 [Task4084: 画面修正](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/4084) - フッターに規約リンクを追加 - デザインはOMDS様に確認済み - サポートページにフッターを追加 ## レビューポイント - 特になし ## UIの変更 - Before/Afterのスクショなど - 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/Hotfix4084?csf=1&web=1&e=bQBkQI ## クエリの変更 - Repositoryを変更し、クエリが変更された場合は変更内容を確認する - Before/Afterのクエリ - クエリ置き場 ## 動作確認状況 - ローカルで確認、develop環境で確認など - 行った修正がデグレを発生させていないことを確認できるか - 具体的にどのような確認をしたか - どのケースに対してどのような手段でデグレがないことを担保しているか ## 補足 - 相談、参考資料などがあれば
57 lines
1.4 KiB
TypeScript
57 lines
1.4 KiB
TypeScript
import React from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import styles from "styles/app.module.scss";
|
|
import { getTranslationID } from "translation";
|
|
|
|
const Footer: React.FC = () => {
|
|
const [t] = useTranslation();
|
|
return (
|
|
<footer
|
|
className={`${styles.footer}`}
|
|
style={{
|
|
padding: "0.5rem",
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
alignItems: "center",
|
|
}}
|
|
>
|
|
<div
|
|
style={{
|
|
marginBottom: "0.5rem",
|
|
textAlign: "center",
|
|
}}
|
|
>
|
|
{t(getTranslationID("common.label.copyRight"))}
|
|
</div>
|
|
<div
|
|
style={{
|
|
display: "flex",
|
|
gap: "1rem",
|
|
}}
|
|
>
|
|
<a
|
|
href="https://download.omsystem.com/pages/odms_download/odms_cloud_eula/eula/en/"
|
|
target="_blank"
|
|
className={styles.linkTx}
|
|
style={{ color: "#999999" }}
|
|
data-tag="open-eula"
|
|
rel="noreferrer"
|
|
>
|
|
{t(getTranslationID("common.label.eula"))}
|
|
</a>
|
|
<a
|
|
href="https://download.omsystem.com/pages/odms_download/odms_cloud_eula/privacy_notice/en/"
|
|
target="_blank"
|
|
className={styles.linkTx}
|
|
style={{ color: "#999999" }}
|
|
data-tag="open-privacy-notice"
|
|
rel="noreferrer"
|
|
>
|
|
{t(getTranslationID("common.label.privacyNotice"))}
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
);
|
|
};
|
|
export default Footer;
|