[Task1360](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/OMDSDictation/_sprints/taskboard/OMDSDictation%20%E3%83%81%E3%83%BC%E3%83%A0/OMDSDictation/%E3%82%B9%E3%83%97%E3%83%AA%E3%83%B3%E3%83%88%203-1?workitem=1360) - Azure AD B2Cのログインを行う実装 - B2Cへの接続設定 - ログイン後のリダイレクト先設定 ## レビューポイント - B2Cへの接続設定で過不足はないか ## UIの変更 - https://ndstokyo.sharepoint.com/:f:/r/sites/Piranha/Shared%20Documents/General/%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/Task1360?csf=1&web=1&e=8bzmdc ## 動作確認状況 - 型チェックだけしています。 ## 補足
21 lines
399 B
TypeScript
21 lines
399 B
TypeScript
import React from "react";
|
|
import { useMsal } from "@azure/msal-react";
|
|
import { loginRequest } from "common/auth/msalConfig";
|
|
|
|
const TopPage: React.FC = () => {
|
|
const { instance } = useMsal();
|
|
|
|
return (
|
|
<div>
|
|
<button
|
|
type="button"
|
|
onClick={() => instance.loginRedirect(loginRequest)}
|
|
>
|
|
sign in
|
|
</button>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default TopPage;
|