From d25bb48a92386f77fc570b0c1c084d35b8f09961 Mon Sep 17 00:00:00 2001 From: Divyansh Seth Date: Mon, 3 Jun 2024 03:00:14 +0530 Subject: [PATCH] errorPage: created 404 Page Not Found page This commit adds a UNO theme 404 page not found page. Ensured the page is fully responsive for various devices. Included Page not Found error message and navigation link back to the homepage. Fixes:#21 --- frontend/src/assets/tornCard.svg | 310 +++++++++++++++++++++++++++++++ frontend/src/pages/Error.tsx | 27 ++- 2 files changed, 334 insertions(+), 3 deletions(-) create mode 100644 frontend/src/assets/tornCard.svg diff --git a/frontend/src/assets/tornCard.svg b/frontend/src/assets/tornCard.svg new file mode 100644 index 0000000..41c7436 --- /dev/null +++ b/frontend/src/assets/tornCard.svg @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/pages/Error.tsx b/frontend/src/pages/Error.tsx index 7a93fd7..6f6b8dd 100644 --- a/frontend/src/pages/Error.tsx +++ b/frontend/src/pages/Error.tsx @@ -1,10 +1,31 @@ import { Link } from 'react-router-dom'; +import ErrorImage from '../assets/tornCard.svg'; function Error() { return ( -
- This page does not exist! - Go back to homepage +
+
+
+

404

+

+ Page Not Found +

+
+ 404 +
+

+ Sorry, the page you're looking for can't be found. + Please return to the Homepage! +

+ +
+
); }