FeedPage placeholder ; #58

src/pages/FeedPage.js

@@ -1,9 +1,21 @@
 import React from 'react'
+import { dashStyles } from '../styles/dashStyles';
+import Footer from '../containers/Footer';
 
 export default function FeedPage({dataUser}) {
+    const classes = dashStyles();
+
     return (
-        <div>
-            FEED
+        <div className={classes.container}>
+            <div>
+            Work in Progress
+
+            The Feed page is the Community component of this app.
+
+            Coaches can create Posts.
+            Coaches AND Clients can Like and Comment.
+            </div>
+            <Footer />
         </div>
     )
 }

src/styles/dashStyles.js

@@ -165,6 +165,29 @@ const dashStyles = makeStyles(() => ({
 		backgroundColor: 'white',
 		borderRadius: 0.5,
 	},
+    // PROFILE ONLY
+    infoSection: {
+        width: '80%',
+        margin: '5% auto',
+        padding: '5% 10%',
+        display: 'flex',
+        flexDirection: 'column',
+        backgroundColor: holisticTheme.bgLight,
+        // alignItems: 'center',
+    },
+    infoBox: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    title: {
+        fontStyle: 'italic',
+    },
+    infoValue: {
+        fontWeight: 'bold',
+    }
+
 }));
 
 const userListStyles = makeStyles(() => ({