Merge pull request #28 from ClaytonWWilson/profile_display

Profile display

twistter-frontend/src/pages/user.js

@@ -1,32 +1,46 @@
 /* eslint-disable */
 import React, { Component } from 'react';
+import axios from 'axios';
 //import '../App.css';
 import { makeStyles, styled } from '@material-ui/core/styles';
 import Grid from '@material-ui/core/Grid';
 import Card from '@material-ui/core/Card';
 import CardMedia from '@material-ui/core/CardMedia';
 import CardContent from '@material-ui/core/CardContent';
+import Chip from '@material-ui/core/Chip';
+import Paper from '@material-ui/core/Paper';
+
 
 const PostCard = styled(Card)({
   background: 'linear-gradient(45deg, #1da1f2 90%)',
   border: 3,
   borderRadius: 3,
-  height:225,
-  width: 645,
+  height:325,
+  width: 345,
   padding: '0 30px',
 });
 
+
 class user extends Component {
+  componentDidMount(){
+    //TODO: get user details
+    //TODO: get posts
+  }
+
   render() {
-    
     return (
-      <div>
-        <h1>User Profile</h1>
-        <br/><br/>
-        <PostCard>Some card and content</PostCard>
-        <br/><br/>
-      </div>
-    )
+      <Grid container spacing={16}>
+        <Grid item sm={8} xs={12}>
+          <p>Post</p>
+        </Grid>
+        <Grid item sm={4} xs={12}>
+          <PostCard>
+            <CardMedia image="./no-img-png" />
+            <CardContent>Username</CardContent>
+          </PostCard>
+        </Grid>
+      </Grid>
+    );
   }
 }