From 4ce918beb1f0dad7ff4c25aa4e3b8b076b92c380 Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Wed, 15 Mar 2023 22:51:19 +0000
Subject: [PATCH] Fixing userPost page
---
daily-thought-frontend/src/pages/feed.tsx | 36 +++++++++----------
daily-thought-frontend/src/pages/userPost.tsx | 27 +++++++++-----
2 files changed, 36 insertions(+), 27 deletions(-)
diff --git a/daily-thought-frontend/src/pages/feed.tsx b/daily-thought-frontend/src/pages/feed.tsx
index a69df1d0..fbb377ee 100644
--- a/daily-thought-frontend/src/pages/feed.tsx
+++ b/daily-thought-frontend/src/pages/feed.tsx
@@ -21,30 +21,30 @@ const Feed = () => {
<div className="w-full">
<NavBar user={user} />
</div>
- <div className="flex w-full bg-c-pink flex-col items-center py-3">
- <div className="flex-1 max-w-4xl flex items-center flex-col justify-center">
- <div className="p-8">
- <h1 className="text-4xl font-bold tracking-tight text-c-green text-center">This is my question of the day</h1>
+ <div className="flex w-full bg-c-pink flex-col items-center py-3">
+ <div className="flex-1 max-w-4xl flex items-center flex-col justify-center">
+ <div className="p-8">
+ <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>
- <p className="text-c-green">Most recent answer</p>
+ </div>
+
+ <div className="flex-1 max-w-4xl flex items-center flex-col justify-center mx-auto">
<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"}}/>
+ <Post post={{User: user, Content: "This is my post"}}/>
+ <Post post={{User: user, Content: "This is my post"}}/>
+ <Post post={{User: user, Content: "This is my post"}}/>
+ <Post post={{User: user, Content: "This is my post"}}/>
</div>
</div>
</div>
- </div>
-
- <div className="flex-1 max-w-4xl flex items-center flex-col justify-center mx-auto">
- <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">
- <Post post={{User: user, Content: "This is my post"}}/>
- <Post post={{User: user, Content: "This is my post"}}/>
- <Post post={{User: user, Content: "This is my post"}}/>
- <Post post={{User: user, Content: "This is my post"}}/>
- </div>
- </div>
- </div>
diff --git a/daily-thought-frontend/src/pages/userPost.tsx b/daily-thought-frontend/src/pages/userPost.tsx
index dda7f2b6..e89c6048 100644
--- a/daily-thought-frontend/src/pages/userPost.tsx
+++ b/daily-thought-frontend/src/pages/userPost.tsx
@@ -14,17 +14,26 @@ const user = {
const UserPost = () => {
return (
- <div className="flex h-screen flex-col items-center ">
- <div className="min-w-full">
- <NavBar user={user}/>
+ <div className="min-h-screen bg-c-pink">
+ <div className="w-full">
+ <NavBar user={user} />
</div>
- <div className="rounded-3xl m-4">
- <Post post={{User: user}}/>
- </div>
- </div>
-
-
+ <div className="flex w-full bg-c-pink flex-col items-center py-3">
+ <div className="flex-1 max-w-4xl flex items-center flex-col justify-center">
+ <div className="p-8">
+ <h1 className="text-4xl font-bold tracking-tight text-c-green text-center">This is my question of the day</h1>
+ </div>
+ <div className="rounded-full 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>
+ </div>
)
}
--
GitLab