Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-22 12:59:36 +02:00
Code Issues Releases Wiki Activity

Home and Settings components

Browse source
This commit is contained in:
unknown 2021-05-09 19:02:50 +02:00
parent 0502a653ac
commit 8392c2422a
5 changed files with 142 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

49
client/src/components/Settings/Settings.tsx
View file

@ -1,15 +1,48 @@
import { Link } from 'react-router-dom';
import { NavLink, Link, Switch, Route, withRouter, match } from 'react-router-dom';
import classes from './Settings.module.css';
import { Container } from '../UI/Layout/Layout';
import Headline from '../UI/Headlines/Headline/Headline';
import Themer from '../Themer/Themer';
const Settings = (): JSX.Element => {
interface ComponentProps {
match: match;
}
const Settings = (props: ComponentProps): JSX.Element => {
return (
<div>
<h1>settings</h1>
<Link to='/'>Home</Link>
<Themer />
</div>
<Container>
<Headline
title='Settings'
subtitle={<Link to='/'>Go back</Link>}
/>
<div className={classes.Settings}>
<nav className={classes.SettingsNav}>
<NavLink
className={classes.SettingsNavLink}
activeClassName={classes.SettingsNavLinkActive}
exact
to='/settings'>
Theme
</NavLink>
<NavLink
className={classes.SettingsNavLink}
activeClassName={classes.SettingsNavLinkActive}
exact
to='/settings/nothig'>
Nothing
</NavLink>
</nav>
<section className={classes.SettingsContent}>
{/* <Themer /> */}
<Switch>
<Route exact path='/settings' component={Themer} />
</Switch>
</section>
</div>
</Container>
)
}
export default Settings;
export default withRouter(Settings);