From 32f2b8f5a2a47643b10ebb2cebdd69e252d1529e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafael=20L=C3=A1szl=C3=B3?= <rlacko99@gmail.com>
Date: Wed, 27 Jan 2021 19:35:10 +0100
Subject: [PATCH] rules page
---
src/Routes.tsx | 4 +++
src/pages/RulesPage.tsx | 78 +++++++++++++++++++++++++++++++++++++++++
src/theme.ts | 1 +
3 files changed, 83 insertions(+)
create mode 100644 src/pages/RulesPage.tsx
diff --git a/src/Routes.tsx b/src/Routes.tsx
index d11cc5a..eb65580 100644
--- a/src/Routes.tsx
+++ b/src/Routes.tsx
@@ -2,6 +2,7 @@ import React from 'react';
import { Route, Switch } from 'react-router';
import ProfileButton from './components/ProfileButton';
import NewsPage from './pages/NewsPage';
+import RulesPage from './pages/RulesPage';
const Routes: React.FC = () => (
<Switch>
@@ -11,6 +12,9 @@ const Routes: React.FC = () => (
<Route path="/news">
<NewsPage />
</Route>
+ <Route path="/rules">
+ <RulesPage />
+ </Route>
</Switch>
);
diff --git a/src/pages/RulesPage.tsx b/src/pages/RulesPage.tsx
new file mode 100644
index 0000000..eb9cf5e
--- /dev/null
+++ b/src/pages/RulesPage.tsx
@@ -0,0 +1,78 @@
+import { Box, Container, Divider, ListItem, makeStyles, Typography } from '@material-ui/core';
+import React from 'react';
+import Page from './Page';
+
+const useStyles = makeStyles((theme) => ({
+ title: {
+ marginTop: 30,
+ marginBottom: 30,
+ fontSize: '36px',
+ color: theme.palette.primary.contrastText,
+ },
+ container: {
+ color: theme.palette.primary.contrastText,
+ backgroundColor: theme.palette.background.paper,
+ margin: theme.spacing(2),
+ padding: theme.spacing(1),
+ },
+ text: {
+ fontSize: '18px',
+ },
+}));
+
+const RulesPage: React.FC = () => {
+ const classes = useStyles();
+
+ return (
+ <Page>
+ <Container>
+ <Typography className={classes.title} align="center">
+ Házirend
+ </Typography>
+ <Box className={classes.container}>
+ <ListItem divider>
+ <Typography className={classes.text}>
+ Mindenki a saját testi épségéért felelős! Alkohol vagy drog hatása alatt a teremben
+ tartózkodni, edzeni tilos!
+ </Typography>
+ </ListItem>
+ <Divider />
+ <ListItem>
+ <Typography component="div" className={classes.text}>
+ A konditerem csak érvényes
+ <Box fontWeight="fontWeightBold" display="inline" px={1}>
+ BELÉPŐVEL
+ </Box>
+ és megfelelő
+ <Box fontWeight="fontWeightBold" display="inline" pl={1}>
+ TISZTA CIPŐBEN, ALSÓ- ÉS FELSŐRUHÁZATBAN HASZNÁLHATÓ
+ </Box>
+ ! A félmeztelen edzés tilos! A kondi belépőnek az edzés ideje alatt végig nálad kell
+ lennie a teremben!
+ </Typography>
+ </ListItem>
+ <Divider />
+ <ListItem>
+ <Typography component="div" className={classes.text}>
+ A teremben higiéniai okok miatt mindenkinek saját, megfelelő méretű
+ <Box fontWeight="fontWeightBold" display="inline" pl={1}>
+ TÖRÖLKÖZŐ HASZNÁLATA KÖTELEZŐ
+ </Box>
+ ! Csak a kardió részleg használata esetén is kell törölköző!
+ </Typography>
+ </ListItem>
+ <Divider />
+ <ListItem>
+ <Typography component="div" className={classes.text}>
+ A terem csak tiszta, zárt, gumitalpú cipőben használható! Mezítlábas, zoknis és
+ papucsos edzés tilos! A terembe utcai cipőben belépni tilos! Aki megfelelő ruházat
+ nélkül edz, az edzés azonnali megszakítására, és a terem elhagyására kötelezhető.
+ </Typography>
+ </ListItem>
+ </Box>
+ </Container>
+ </Page>
+ );
+};
+
+export default RulesPage;
diff --git a/src/theme.ts b/src/theme.ts
index b40cff6..fa68932 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -36,6 +36,7 @@ export const darkTheme = createMuiTheme({
default: '#2A2A28',
paper: '#202020',
},
+ divider: '#444444',
/* success: {},
info: {},
warning: {}, */
--
GitLab