From c06bce7fdab23e52d33636e3585c86d48c0bfa91 Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Sun, 12 Jan 2020 14:16:26 +0300
Subject: Markup initial Profile page with empty form

---
 src/pages/Profile/Profile.js | 45 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src/pages/Profile/Profile.js

(limited to 'src/pages/Profile/Profile.js')

diff --git a/src/pages/Profile/Profile.js b/src/pages/Profile/Profile.js
new file mode 100644
index 0000000..3b0de1e
--- /dev/null
+++ b/src/pages/Profile/Profile.js
@@ -0,0 +1,45 @@
+import React from 'react';
+import Window from "../../components/Window/Window";
+import ContentSection from "../../components/ContentSection/ContentSection";
+
+import {
+  TextField,
+  Button,
+  Typography,
+  makeStyles,
+} from "@material-ui/core";
+
+
+const useStyles = makeStyles(theme => ({
+  primary: {
+    padding: theme.spacing(4)
+  },
+}));
+
+const Profile = () => {
+  const classes = useStyles();
+
+  return (
+    <>
+      <Window type="primary">
+        <div className={classes.primary}>
+          <ContentSection sectionName="Tell us who you are">
+            <p> Here is some text about why you should register at ChronoCube: </p>
+            <p>
+              <TextField variant="outlined" color="secondary" label="Username" />
+            </p>
+            <Button variant="contained" color="secondary" size="large">
+              Submit!
+            </Button>
+          </ContentSection>
+        </div>
+      </Window>
+      <Window type="secondary" name="History">
+
+      </Window>
+    </>
+  )
+};
+
+
+export default Profile;
-- 
cgit v1.2.3