From 0c09db24a713b433d2468e308d1ec7ada9644737 Mon Sep 17 00:00:00 2001
From: Aaron William Po <apo2@uwo.ca>
Date: Mon, 27 Nov 2023 23:06:31 -0500
Subject: [PATCH] Styles: update styling for user page header

---
 src/components/UserPage/UserHeader.tsx   |  3 +++
 src/pages/users/[id].tsx                 | 25 ++----------------------
 src/prisma/seed/create/createNewUsers.ts |  2 +-
 3 files changed, 6 insertions(+), 24 deletions(-)

diff --git a/src/components/UserPage/UserHeader.tsx b/src/components/UserPage/UserHeader.tsx
index 409052e..310b4e8 100644
--- a/src/components/UserPage/UserHeader.tsx
+++ b/src/components/UserPage/UserHeader.tsx
@@ -52,6 +52,9 @@ const UserHeader: FC<UserHeaderProps> = ({ user }) => {
             </span>
           )}
         </span>
+        <div className="w-6/12">
+          <p className="text-sm">{user.bio}</p>
+        </div>
         <div className="h-20 flex items-center justify-center">
           <UserFollowButton
             mutateFollowerCount={mutateFollowerCount}
diff --git a/src/pages/users/[id].tsx b/src/pages/users/[id].tsx
index a628cae..39428ce 100644
--- a/src/pages/users/[id].tsx
+++ b/src/pages/users/[id].tsx
@@ -24,30 +24,9 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
         <meta name="description" content="User information" />
       </Head>
       <>
-        <main className="mb-12 mt-10 flex w-full items-center justify-center">
-          <div className="h-full w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
+        <main className="mb-12 mt-10 flex flex-col w-full items-center justify-center">
+          <div className="w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
             <UserHeader user={user} />
-
-            {isDesktop ? (
-              <div className="h-64 flex space-x-3">
-                <div className="h-full w-5/12">
-                  <div className="h-full card">
-                    <div className="card-body">
-                      <h2 className="text-2xl font-bold">About Me</h2>
-                      <p>{user.bio}</p>
-                    </div>
-                  </div>
-                </div>
-
-                <div className="w-7/12">
-                  <div className="h-full card">
-                    <div className="h-full card-body"></div>
-                  </div>
-                </div>
-              </div>
-            ) : (
-              <></>
-            )}
           </div>
         </main>
       </>
diff --git a/src/prisma/seed/create/createNewUsers.ts b/src/prisma/seed/create/createNewUsers.ts
index 87878cd..7c2af97 100644
--- a/src/prisma/seed/create/createNewUsers.ts
+++ b/src/prisma/seed/create/createNewUsers.ts
@@ -75,7 +75,7 @@ const createNewUsers = async ({ numberOfUsers }: CreateNewUsersArgs) => {
 
     const dateOfBirth = faker.date.birthdate({ mode: 'age', min: 19 });
     const createdAt = faker.date.past({ years: 4 });
-    const bio = faker.lorem.paragraphs(3).replace(/\n/g, ' ');
+    const bio = faker.lorem.paragraphs(1).replace(/\n/g, ' ');
 
     const user: UserData = {
       firstName,