Markup initial Profile page with empty form

1 files changed, 45 insertions, 0 deletions

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;