Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-27 23:09:35 +02:00
Code Issues Releases Wiki Activity

Theme changing. Simple routing

Browse source
This commit is contained in:
unknown 2021-05-07 18:30:06 +02:00
parent 573814ddac
commit 765418d3d2
19 changed files with 378 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

27
client/src/components/Themer/ThemePreview.tsx
View file

@ -1,10 +1,29 @@
import { Theme } from '../../interfaces/Theme';
import classes from './ThemePreview.module.css';
const ThemePreview = (theme: Theme): JSX.Element => {
interface ComponentProps {
theme: Theme;
applyTheme: Function;
}
const ThemePreview = (props: ComponentProps): JSX.Element => {
return (
<div>
<p>Theme: {theme.name}</p>
<p>{theme.colors.background}</p>
<div className={classes.ThemePreview} onClick={() => props.applyTheme(props.theme.name)}>
<div className={classes.ColorsPreview}>
<div
className={classes.ColorPreview}
style={{ backgroundColor: props.theme.colors.background }}
></div>
<div
className={classes.ColorPreview}
style={{ backgroundColor: props.theme.colors.primary }}
></div>
<div
className={classes.ColorPreview}
style={{ backgroundColor: props.theme.colors.accent }}
></div>
</div>
<p>{props.theme.name}</p>
</div>
)
}