You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
957 B
37 lines
957 B
import React from 'react'; |
|
import { Link } from 'react-router-dom'; |
|
import './light.css'; |
|
import { Container, Message } from 'semantic-ui-react'; |
|
|
|
export function PleaseLogin() { |
|
return ( |
|
<Container text> |
|
<Message warning> |
|
<Message.Header>You must login before you can do that!</Message.Header> |
|
<p>Visit our <Link to='/'>login page</Link>, then try again.</p> |
|
</Message> |
|
|
|
<img className='photo-404' src='/404.jpg' /> |
|
<p style={{ textAlign: 'right' }}> |
|
<i>Space shuttle Endeavour, NASA (2011)</i> |
|
</p> |
|
</Container> |
|
); |
|
}; |
|
|
|
export function NotFound() { |
|
return ( |
|
<Container text> |
|
<Message warning> |
|
<Message.Header>The page you requested can't be found!</Message.Header> |
|
<p>Visit our <Link to='/'>home page</Link> if you are lost.</p> |
|
</Message> |
|
|
|
<img className='photo-404' src='/404.jpg' /> |
|
<p style={{ textAlign: 'right' }}> |
|
<i>Space shuttle Endeavour, NASA (2011)</i> |
|
</p> |
|
</Container> |
|
); |
|
}; |
|
|
|
|