38 lines
1.1 KiB
JavaScript
38 lines
1.1 KiB
JavaScript
import React, { useState, useEffect } from 'react';
|
|
import { BrowserRouter as Router, Switch, Route, Link, useParams } from 'react-router-dom';
|
|
import './light.css';
|
|
import { Container, Divider, Dropdown, Form, Grid, Header, Icon, Image, Menu, Message, Segment, Table } 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>
|
|
);
|
|
};
|
|
|