404 page
This commit is contained in:
@@ -27,6 +27,7 @@ import CreateForumPost from './pages/CreateForumPost';
|
|||||||
import MyPosts from './pages/MyPosts';
|
import MyPosts from './pages/MyPosts';
|
||||||
import EarningsDashboard from './pages/EarningsDashboard';
|
import EarningsDashboard from './pages/EarningsDashboard';
|
||||||
import FAQ from './pages/FAQ';
|
import FAQ from './pages/FAQ';
|
||||||
|
import NotFound from './pages/NotFound';
|
||||||
import PrivateRoute from './components/PrivateRoute';
|
import PrivateRoute from './components/PrivateRoute';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import './App.css';
|
import './App.css';
|
||||||
@@ -184,6 +185,7 @@ const AppContent: React.FC = () => {
|
|||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
<Route path="/faq" element={<FAQ />} />
|
<Route path="/faq" element={<FAQ />} />
|
||||||
|
<Route path="*" element={<NotFound />} />
|
||||||
</Routes>
|
</Routes>
|
||||||
</main>
|
</main>
|
||||||
<Footer />
|
<Footer />
|
||||||
|
|||||||
38
frontend/src/pages/NotFound.tsx
Normal file
38
frontend/src/pages/NotFound.tsx
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
import React from "react";
|
||||||
|
import { Link } from "react-router-dom";
|
||||||
|
|
||||||
|
const NotFound: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<div className="container mt-5 mb-5">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-md-8 col-lg-6 text-center">
|
||||||
|
<h3 className="text-muted mb-5">
|
||||||
|
We can't find the page you're looking for!
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div className="d-flex flex-column gap-3">
|
||||||
|
<Link to="/" className="btn btn-primary btn-lg">
|
||||||
|
Go to Home Page
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<p className="text-muted mb-0">or go to one of these</p>
|
||||||
|
|
||||||
|
<div className="d-flex flex-wrap justify-content-center gap-2">
|
||||||
|
<Link to="/items" className="btn btn-outline-secondary">
|
||||||
|
Browse Items
|
||||||
|
</Link>
|
||||||
|
<Link to="/forum" className="btn btn-outline-secondary">
|
||||||
|
Community Forum
|
||||||
|
</Link>
|
||||||
|
<Link to="/faq" className="btn btn-outline-secondary">
|
||||||
|
FAQ
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default NotFound;
|
||||||
@@ -268,7 +268,7 @@ const VerifyEmail: React.FC = () => {
|
|||||||
shortly.
|
shortly.
|
||||||
</p>
|
</p>
|
||||||
<Link to="/" className="btn btn-success mt-3">
|
<Link to="/" className="btn btn-success mt-3">
|
||||||
Go to Home
|
Go to Home Page
|
||||||
</Link>
|
</Link>
|
||||||
</>
|
</>
|
||||||
) : showManualEntry ? (
|
) : showManualEntry ? (
|
||||||
|
|||||||
Reference in New Issue
Block a user