removed the need for # in the url, redirect # url to a normal /, there's now a 'page not found' page if the link is broken, profile page added with user being able to see his own blocked content #98
10
src/layout/feed.tsx
Normal file
10
src/layout/feed.tsx
Normal file
@ -0,0 +1,10 @@
|
||||
import { Outlet } from 'react-router-dom'
|
||||
|
||||
export const FeedLayout = () => {
|
||||
return (
|
||||
<>
|
||||
<h1>WIP</h1>
|
||||
<Outlet />
|
||||
</>
|
||||
)
|
||||
}
|
30
src/pages/404.tsx
Normal file
30
src/pages/404.tsx
Normal file
@ -0,0 +1,30 @@
|
||||
import { Link } from 'react-router-dom'
|
||||
import { appRoutes } from 'routes'
|
||||
|
||||
export const NotFoundPage = () => {
|
||||
return (
|
||||
<div className='InnerBodyMain'>
|
||||
<div className='ContainerMain'>
|
||||
<div className='IBMSecMainGroup IBMSecMainGroupAlt'>
|
||||
<div className='IBMSecMain IBMSMListWrapper'>
|
||||
<div className='IBMSMTitleMain'>
|
||||
<h2 className='IBMSMTitleMainHeading'>Page not found</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>The page you're attempting to visit doesn't exist</p>
|
||||
</div>
|
||||
<div className='IBMSMAction'>
|
||||
<Link
|
||||
to={appRoutes.home}
|
||||
className='btn btnMain IBMSMActionBtn'
|
||||
type='button'
|
||||
>
|
||||
Go home
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
3
src/pages/feed.tsx
Normal file
3
src/pages/feed.tsx
Normal file
@ -0,0 +1,3 @@
|
||||
export const FeedPage = () => {
|
||||
return <h1>Feed</h1>
|
||||
}
|
3
src/pages/notifications.tsx
Normal file
3
src/pages/notifications.tsx
Normal file
@ -0,0 +1,3 @@
|
||||
export const NotificationsPage = () => {
|
||||
return <h1>Notifications</h1>
|
||||
}
|
Loading…
Reference in New Issue
Block a user