From 351d9270052790f4904228471d1e80a57c67acd4 Mon Sep 17 00:00:00 2001
From: Zayd <zaidbaig738@gmail.com>
Date: Thu, 7 Nov 2024 14:49:07 +0530
Subject: [PATCH 1/4] updated layout

Added a main div and fixed classname so footer stays to the bottom
---
 app/(app)/layout.tsx           | 8 +++++---
 app/(app)/my-posts/_client.tsx | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index cdb45497..2f4fa033 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -78,14 +78,16 @@ export default async function RootLayout({
     : null;
 
   return (
-    <>
+    <div className="grid min-h-screen grid-rows-[auto_1fr_auto]">
       <Nav
         session={session}
         algoliaSearchConfig={algoliaSearchConfig}
         username={userData?.username || null}
       />
-      {children}
+      <main className="w-full relative mx-auto max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
+        {children}
+      </main>
       <Footer />
-    </>
+      </div>
   );
 }
diff --git a/app/(app)/my-posts/_client.tsx b/app/(app)/my-posts/_client.tsx
index ee9cfcd6..8abbeaae 100644
--- a/app/(app)/my-posts/_client.tsx
+++ b/app/(app)/my-posts/_client.tsx
@@ -109,8 +109,8 @@ const MyPosts = () => {
         />
       )}
       <div className="relative mx-4 max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
-        <div className="mb-4 mt-8">
-          <Tabs tabs={tabs} />
+      <div className="mb-4 mt-8">
+      <Tabs tabs={tabs} />
         </div>
         <div>
           {selectedTabData.status === "loading" && (

From d2202ffbb85a88af65e3385e85c7f2dee7780868 Mon Sep 17 00:00:00 2001
From: Zayd <zaidbaig738@gmail.com>
Date: Tue, 12 Nov 2024 14:02:19 +0530
Subject: [PATCH 2/4] updated layout, used flex-grow and flex-col for sticking
 the footer to bottom of screen

---
 app/(app)/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index 2f4fa033..f8c3f063 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -78,13 +78,13 @@ export default async function RootLayout({
     : null;
 
   return (
-    <div className="grid min-h-screen grid-rows-[auto_1fr_auto]">
+    <div className="flex flex-col min-h-screen">
       <Nav
         session={session}
         algoliaSearchConfig={algoliaSearchConfig}
         username={userData?.username || null}
       />
-      <main className="w-full relative mx-auto max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
+      <main className="flex-grow w-full relative mx-auto max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
         {children}
       </main>
       <Footer />

From 43eddb29ae772504487fed30364b63657b9cd8d8 Mon Sep 17 00:00:00 2001
From: Zayd <zaidbaig738@gmail.com>
Date: Wed, 13 Nov 2024 15:24:37 +0530
Subject: [PATCH 3/4] Prettier Fix

Ran prettier fix on the layout file
---
 app/(app)/layout.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index f8c3f063..d91f5408 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -78,16 +78,16 @@ export default async function RootLayout({
     : null;
 
   return (
-    <div className="flex flex-col min-h-screen">
+    <div className="flex min-h-screen flex-col">
       <Nav
         session={session}
         algoliaSearchConfig={algoliaSearchConfig}
         username={userData?.username || null}
       />
-      <main className="flex-grow w-full relative mx-auto max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
+      <main className="relative mx-auto w-full max-w-2xl flex-grow bg-neutral-100 dark:bg-black sm:mx-auto">
         {children}
       </main>
       <Footer />
-      </div>
+    </div>
   );
 }

From 14fd90a9a1a8005248a802fbac4c0e2649576bc1 Mon Sep 17 00:00:00 2001
From: Zayd <zaidbaig738@gmail.com>
Date: Wed, 13 Nov 2024 15:30:50 +0530
Subject: [PATCH 4/4] Prettier fix

Ran prettier fix on the _client.tsx file
---
 app/(app)/my-posts/_client.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(app)/my-posts/_client.tsx b/app/(app)/my-posts/_client.tsx
index 8abbeaae..ee9cfcd6 100644
--- a/app/(app)/my-posts/_client.tsx
+++ b/app/(app)/my-posts/_client.tsx
@@ -109,8 +109,8 @@ const MyPosts = () => {
         />
       )}
       <div className="relative mx-4 max-w-2xl bg-neutral-100 dark:bg-black sm:mx-auto">
-      <div className="mb-4 mt-8">
-      <Tabs tabs={tabs} />
+        <div className="mb-4 mt-8">
+          <Tabs tabs={tabs} />
         </div>
         <div>
           {selectedTabData.status === "loading" && (