From 6bcbabc89778553c85dd9df7ecefc92986eabd29 Mon Sep 17 00:00:00 2001
From: "makabe.t" <makabe.t@nds-tyo.co.jp>
Date: Thu, 9 Mar 2023 08:47:13 +0000
Subject: [PATCH] =?UTF-8?q?Merged=20PR=207:=20=E3=82=BF=E3=82=B9=E3=82=AF?=
 =?UTF-8?q?=201477:=20=E5=AD=98=E5=9C=A8=E3=81=97=E3=81=AA=E3=81=84URL?=
 =?UTF-8?q?=E3=82=92=E6=8C=87=E5=AE=9A=E3=81=97=E3=81=9F=E5=A0=B4=E5=90=88?=
 =?UTF-8?q?=E3=81=AE=E6=8C=99=E5=8B=95=E3=82=92=E5=AE=9F=E8=A3=85=E3=81=99?=
 =?UTF-8?q?=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 概要
[タスク 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でエラーページに遷移することを確認
---
 dictation_client/src/AppRouter.tsx                | 2 ++
 dictation_client/src/pages/ErrorPage/notFound.tsx | 9 +++++++++
 2 files changed, 11 insertions(+)
 create mode 100644 dictation_client/src/pages/ErrorPage/notFound.tsx

diff --git a/dictation_client/src/AppRouter.tsx b/dictation_client/src/AppRouter.tsx
index 7510a67..cc6ce15 100644
--- a/dictation_client/src/AppRouter.tsx
+++ b/dictation_client/src/AppRouter.tsx
@@ -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>
 );
diff --git a/dictation_client/src/pages/ErrorPage/notFound.tsx b/dictation_client/src/pages/ErrorPage/notFound.tsx
new file mode 100644
index 0000000..dd079e0
--- /dev/null
+++ b/dictation_client/src/pages/ErrorPage/notFound.tsx
@@ -0,0 +1,9 @@
+import React from "react";
+
+export const NotFoundPage = (): JSX.Element => (
+  <div>
+    <p>404 Not Found</p>
+    <p>ページが見つかりませんでした</p>
+    <br />
+  </div>
+);