From e3593e2f29f7d2cba0a4c22c1faba096bcdc0cf4 Mon Sep 17 00:00:00 2001
From: Aaron Sun <aaronsun@live.com>
Date: Fri, 29 Nov 2019 21:11:10 -0800
Subject: [PATCH] Left-aligned the text in posts

---
 functions/handlers/post.js          | 2 +-
 twistter-frontend/src/pages/Home.js | 9 +++++++--
 twistter-frontend/src/pages/user.js | 8 ++++++--
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/functions/handlers/post.js b/functions/handlers/post.js
index 07654c4..f57dbb7 100644
--- a/functions/handlers/post.js
+++ b/functions/handlers/post.js
@@ -88,7 +88,7 @@ exports.getFollowedPosts = (req, res) => {
         .then(function(allPosts) {
             let posts = [];
             allPosts.forEach(function(doc) {
-                if(doc.data().userHandle === req.user.handle || doc.data().userHandle === "Admin") {
+                if(doc.data().userHandle === req.user.handle) {
                     posts.push(doc.data());
                 }
                 else if(followers_likedTopics.has(doc.data().userHandle)) {
diff --git a/twistter-frontend/src/pages/Home.js b/twistter-frontend/src/pages/Home.js
index 0bc7d42..38af793 100644
--- a/twistter-frontend/src/pages/Home.js
+++ b/twistter-frontend/src/pages/Home.js
@@ -7,6 +7,7 @@ import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 
 // Material UI and React Router
+import { makeStyles, styled } from '@material-ui/core/styles';
 import Grid from '@material-ui/core/Grid';
 import Card from '@material-ui/core/Card';
 import CardContent from '@material-ui/core/CardContent';
@@ -18,6 +19,10 @@ import logo from '../images/twistter-logo.png';
 import noImage from '../images/no-img.png';
 import Writing_Microblogs from '../Writing_Microblogs';
 
+const MyCardContent = styled(CardContent)({
+  textAlign: "left"
+});
+
 class Home extends Component {
   state = {};
 
@@ -40,7 +45,7 @@ class Home extends Component {
     let postMarkup = this.state.posts ? (
       this.state.posts.map(post => 
         <Card>
-          <CardContent>
+          <MyCardContent>
             <Typography>
               {
                 this.state.imageUrl ? (<img src={this.state.imageUrl} height="50" width="50" />) : 
@@ -56,7 +61,7 @@ class Home extends Component {
             <Typography variant="body2"><b>Topics:</b> {post.microBlogTopics}</Typography>
             <br />
             <Typography variant="body2" color={"textSecondary"}> Likes {post.likeCount} &nbsp; Shares {post.commentCount} </Typography>
-          </CardContent>
+          </MyCardContent>
         </Card>
       )
     ) : (<p>loading posts...</p>);
diff --git a/twistter-frontend/src/pages/user.js b/twistter-frontend/src/pages/user.js
index ce0fa45..d9256fe 100644
--- a/twistter-frontend/src/pages/user.js
+++ b/twistter-frontend/src/pages/user.js
@@ -29,6 +29,10 @@ const MyChip = styled(Chip)({
   color: 'primary'
 });
 
+const MyCardContent = styled(CardContent)({
+  textAlign: "left"
+});
+
 class user extends Component {
   state = {
     profile: null,
@@ -122,7 +126,7 @@ class user extends Component {
     let postMarkup = this.state.posts ? (
       this.state.posts.map(post => 
         <Card>
-          <CardContent>
+          <MyCardContent>
             <Typography>
               {
                 this.state.imageUrl ? (<img src={this.state.imageUrl} height="50" width="50" />) : 
@@ -138,7 +142,7 @@ class user extends Component {
             <Typography variant="body2"><b>Topics:</b> {post.microBlogTopics}</Typography>
             <br />
             <Typography variant="body2" color={"textSecondary"}> Likes {post.likeCount} &nbsp; Shares {post.commentCount} </Typography>
-          </CardContent>
+          </MyCardContent>
         </Card>
       )
     ) : (<p>loading posts...</p>);