File tree Expand file tree Collapse file tree 3 files changed +783
-1
lines changed Expand file tree Collapse file tree 3 files changed +783
-1
lines changed Original file line number Diff line number Diff line change @@ -27,6 +27,7 @@ const Projects = lazy(() => import("t9/apps/main/pages/projects"));
27
27
const Learn = lazy ( ( ) => import ( "t9/apps/main/pages/learn" ) ) ;
28
28
const Faq = lazy ( ( ) => import ( "t9/apps/main/pages/faq" ) ) ;
29
29
const Contact = lazy ( ( ) => import ( "t9/apps/main/pages/contact" ) ) ;
30
+ const NotFound = lazy ( ( ) => import ( "t9/apps/main/pages/not_found" ) ) ;
30
31
31
32
const env = getEnv ( ) ;
32
33
@@ -51,7 +52,7 @@ const Main = () => {
51
52
< Route path = "/Projects" component = { Projects } />
52
53
< Route path = "/Contact-Us" component = { Contact } />
53
54
< Route path = "/FAQ" component = { Faq } />
54
- < Route render = { ( ) => < Redirect to = "/" /> } />
55
+ < Route component = { NotFound } />
55
56
</ Switch >
56
57
</ Suspense >
57
58
</ Container >
Original file line number Diff line number Diff line change
1
+ import { Container , Theme , makeStyles } from "@material-ui/core" ;
2
+ import React from "react" ;
3
+ import svg from "src/assets/svg/404.svg" ;
4
+
5
+ const useStyles = makeStyles ( ( theme : Theme ) => ( {
6
+ cont : {
7
+ padding : 30 ,
8
+ } ,
9
+ root : {
10
+ fontSize : 27 ,
11
+ color : theme . palette . text . primary ,
12
+ display : "flex" ,
13
+ alignContent : "center" ,
14
+ justifyContent : "center" ,
15
+ alignItems : "center" ,
16
+ } ,
17
+ } ) ) ;
18
+
19
+ const NotFound = ( ) => {
20
+ const classes = useStyles ( ) ;
21
+
22
+ return (
23
+ < Container maxWidth = "sm" className = { classes . cont } >
24
+ < div className = "justify-content-md-center" >
25
+ < img width = "100%" height = "100%" src = { svg } alt = "404" />
26
+ < div className = { classes . root } > Page Not Found</ div >
27
+ </ div >
28
+ </ Container >
29
+ ) ;
30
+ } ;
31
+
32
+ export default NotFound ;
You can’t perform that action at this time.
0 commit comments