Merged PR 7: タスク 1477: 存在しないURLを指定した場合の挙動を実装する

## 概要
[タスク 1477: 存在しないURLを指定した場合の挙動を実装する](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/OMDSDictation/_workitems/edit/1477)

- 存在しないURLを指定した場合にNot Foundページへ遷移するようルーティングしました。
  - エラーページ自体は仮デザインです。

## レビューポイント
- エラー時の対応として問題ないか

## UIの変更
- エラーページ追加
  - [Task1477](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/Task1477?csf=1&web=1&e=nc0yx5)

## 動作確認状況
- 画面を起動して存在しないURLでエラーページに遷移することを確認
This commit is contained in:
makabe.t 2023-03-09 08:47:13 +00:00
parent 8822ddaee4
commit 6bcbabc897
2 changed files with 11 additions and 0 deletions

View File

@ -4,6 +4,7 @@ import TopPage from "pages/TopPage";
import LoginPage from "pages/LoginPage";
import SamplePage from "pages/SamplePage";
import { AuthErrorPage } from "pages/ErrorPage";
import { NotFoundPage } from "pages/ErrorPage/notFound";
import { RouteAuthGuard } from "components/auth/routeAuthGuard";
const AppRouter: React.FC = () => (
@ -16,6 +17,7 @@ const AppRouter: React.FC = () => (
path="/XXX"
element={<RouteAuthGuard component={<SamplePage />} />}
/>
<Route path="*" element={<NotFoundPage />} />
</Routes>
</BaseDiv>
);

View File

@ -0,0 +1,9 @@
import React from "react";
export const NotFoundPage = (): JSX.Element => (
<div>
<p>404 Not Found</p>
<p></p>
<br />
</div>
);