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:
parent
8822ddaee4
commit
6bcbabc897
@ -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>
|
||||
);
|
||||
|
||||
9
dictation_client/src/pages/ErrorPage/notFound.tsx
Normal file
9
dictation_client/src/pages/ErrorPage/notFound.tsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from "react";
|
||||
|
||||
export const NotFoundPage = (): JSX.Element => (
|
||||
<div>
|
||||
<p>404 Not Found</p>
|
||||
<p>ページが見つかりませんでした</p>
|
||||
<br />
|
||||
</div>
|
||||
);
|
||||
Loading…
x
Reference in New Issue
Block a user