Merged PR 11: タスク 1482: AADB2Cのログイン画面で、言語変更できる仕組みを入れる

## 概要
[タスク 1482: [手が空いたらor簡単なら] AADB2Cのログイン画面で、言語変更できる仕組みを入れる](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/OMDSDictation/_workitems/edit/1482)

- ログイン画面の言語がトップ画面の言語選択と対応するようにしました。
  - クライアントでの言語選択状態をそのままクエリパラメータui_localesで渡すことで言語選択を実現しています(参考:[Azure Active Directory B2C での言語のカスタマイズ](https://learn.microsoft.com/ja-jp/azure/active-directory-b2c/language-customization?pivots=b2c-user-flow))

## レビューポイント
- 言語選択実現方法として適切か

## UIの変更
- ログイン画面の言語
  - [Task1482](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/Task1482?csf=1&web=1&e=lHBZZJ)

## 動作確認状況
- ローカルからログイン画面の言語が変わることを確認
This commit is contained in:
makabe.t 2023-03-13 10:40:32 +00:00
parent 6bcbabc897
commit 5d4ef8e094

View File

@ -44,7 +44,15 @@ const TopPage: React.FC = (): JSX.Element => {
<dt>Already have an account?</dt>
<dd>
{/* eslint-disable */}
<a onClick={() => instance.loginRedirect(loginRequest)}>
<a
onClick={() => {
// AADB2Cのサインイン画面に言語選択情報を渡す追加のクエリパラメータを設定
loginRequest.extraQueryParameters = {
ui_locales: i18n.language,
};
instance.loginRedirect(loginRequest);
}}
>
Sign in
<img src="../../assets/images/arrow_forward.svg" alt="" />
</a>