added theme.js

twistter-frontend/src/pages/user.js

@@ -1,40 +1,47 @@
 /* eslint-disable */
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import StaticProfile from '../components/profile/StaticProfile';
-import Grid from '@material-ui/core/Grid';
+import '../App.css';
 
+//import PropTypes from 'prop-types';
+import StaticProfile from '../components/profile/StaticProfile';
+//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 PostSkeleton from '../util/PostSkeleton';
 
-import { connect } from 'react-redux';
+//import { connect } from 'react-redux';
+
+
 
 
 class user extends Component {
   render() {
-    const postMarkup = PostSkeleton;
 
     return (
-      <b>User page</b>
-      // <Grid container spacing={16}>
-      //   <Grid item sm={8} xs={12}>
-      //     <b>postMarkup</b>
-      //     {postMarkup}
-      //   </Grid>
-      //   {/* <Grid item sm={4} xs={12}>
-      //       <StaticProfile profile={this.state.profile} />
-      //   </Grid> */}
-      // </Grid>
+      <div>
+        <h1>User Profile</h1>
+        <br/><br/>
+        
+          <Card>
+          <CardMedia
+          component="img"
+          height="140"
+          width="345"
+          image="twistter-frontend/src/images/twistter-logo.png"
+          title="Post"
+           />
+          <CardContent>
+            <b>This is the content of some post</b>
+          </CardContent>
+
+        </Card>
+        <br/><br/>
+      </div>
     )
   }
 }
 
-user.propTypes = {
-  // getUserData: PropTypes.func.isRequired,
-  //data: PropTypes.object.isRequired
-};
 
-const mapStateToProps = (state) => ({
-  data: state.data
-});
 
-export default connect(user);
+export default user;