From 40cd37223182d08f669408f04e0c3ce046b63ab7 Mon Sep 17 00:00:00 2001 From: Matt Kirby <MattJKirby@outlook.com> Date: Thu, 16 Mar 2023 12:39:17 +0000 Subject: [PATCH] Simplified feed page --- daily-thought-frontend/src/components/post/Post.tsx | 11 ++--------- daily-thought-frontend/src/pages/feed.tsx | 6 ------ 2 files changed, 2 insertions(+), 15 deletions(-) diff --git a/daily-thought-frontend/src/components/post/Post.tsx b/daily-thought-frontend/src/components/post/Post.tsx index 7656af8b..02f29df7 100644 --- a/daily-thought-frontend/src/components/post/Post.tsx +++ b/daily-thought-frontend/src/components/post/Post.tsx @@ -16,7 +16,7 @@ const Post:FC<PropsWithChildren<PostProps>> = ({ <> <div className="flex w-full py-4 flex-col"> - <div className="flex m-2 items-center bg-white"> + <div className="flex m-2 items-center"> <div className="flex h-12 w-12 max-w-xs items-center justify-center rounded-full bg-c-pink text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-pink-400 mr-2"> <img className="h-12 w-12 rounded-full" src={post.User.Avatar} alt="" /> </div> @@ -30,17 +30,10 @@ const Post:FC<PropsWithChildren<PostProps>> = ({ </div> - <div className="flex-1 rounded-3xl bg-c-pink font-white md:ml-16"> - <div className="m-2 text-sm px-2 font-bold text-c-green"> - This is my amazing question of the day? - </div> + <div className="flex-1 rounded-3xl font-white md:ml-16"> <AnswerCard post={post}/> </div> - - <div className="md:ml-16 m-2"> - - </div> </div> diff --git a/daily-thought-frontend/src/pages/feed.tsx b/daily-thought-frontend/src/pages/feed.tsx index 6aceb2e9..b81c2388 100644 --- a/daily-thought-frontend/src/pages/feed.tsx +++ b/daily-thought-frontend/src/pages/feed.tsx @@ -26,12 +26,6 @@ const Feed = () => { <div className={`p-8 bg-c-pink`}> <h1 className="text-4xl font-bold tracking-tight text-c-green text-center">This is my question of the day</h1> </div> - <p className="text-c-green">Most recent answer</p> - <div className="rounded-full my-4 w-xl"> - <div className="flex w-full justify-center flex-col items-center mx-auto p-3 sm:px-6 lg:px-8 max-w-4xl"> - <AnswerCard post={{User: user, Content: "This is my post"}}/> - </div> - </div> </div> </div> -- GitLab