From d1208047a5b71a80237e9235438b24687275ed72 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 9 Apr 2025 12:44:25 +0100
Subject: [PATCH] Fix mistakes and refacctor

---
 src/components/AITutor/AIExploreCourseListing.tsx     | 2 +-
 src/components/AITutor/AITutorSidebar.tsx             | 6 +++---
 src/components/GenerateCourse/AICourseCard.tsx        | 2 +-
 src/pages/ai/explore.astro                            | 2 +-
 src/pages/ai/{stuff-picks.astro => staff-picks.astro} | 0
 5 files changed, 6 insertions(+), 6 deletions(-)
 rename src/pages/ai/{stuff-picks.astro => staff-picks.astro} (100%)

diff --git a/src/components/AITutor/AIExploreCourseListing.tsx b/src/components/AITutor/AIExploreCourseListing.tsx
index 65b57f1b2..4f132e871 100644
--- a/src/components/AITutor/AIExploreCourseListing.tsx
+++ b/src/components/AITutor/AIExploreCourseListing.tsx
@@ -56,7 +56,7 @@ export function AIExploreCourseListing(props: AIExploreCourseListingProps) {
         courses &&
         courses.length > 0 &&
         !error && (
-          <div className="flex flex-col gap-2">
+          <div className="grid grid-cols-2 gap-2">
             {courses.map((course) => (
               <AICourseCard
                 key={course._id}
diff --git a/src/components/AITutor/AITutorSidebar.tsx b/src/components/AITutor/AITutorSidebar.tsx
index 2d1f15fe0..7ebc5006e 100644
--- a/src/components/AITutor/AITutorSidebar.tsx
+++ b/src/components/AITutor/AITutorSidebar.tsx
@@ -24,9 +24,9 @@ const sidebarItems = [
     icon: BookOpen,
   },
   {
-    key: 'stuff-picks',
-    label: 'Stuff Picks',
-    href: '/ai/stuff-picks',
+    key: 'staff-picks',
+    label: 'Staff Picks',
+    href: '/ai/staff-picks',
     icon: CircleDotIcon,
   },
   {
diff --git a/src/components/GenerateCourse/AICourseCard.tsx b/src/components/GenerateCourse/AICourseCard.tsx
index 12e4bf09b..0d758978b 100644
--- a/src/components/GenerateCourse/AICourseCard.tsx
+++ b/src/components/GenerateCourse/AICourseCard.tsx
@@ -38,7 +38,7 @@ export function AICourseCard(props: AICourseCardProps) {
     <div className="relative">
       <a
         href={`/ai/${course.slug}`}
-        className="hover:border-gray-3 00 group relative flex w-full flex-col overflow-hidden rounded-lg border border-gray-200 bg-white p-4 text-left transition-all hover:bg-gray-50"
+        className="hover:border-gray-3 00 group relative flex w-full flex-col overflow-hidden rounded-lg border border-gray-200 bg-white p-4 text-left transition-all hover:bg-gray-50 min-h-full "
       >
         <div className="flex items-center justify-between">
           <span
diff --git a/src/pages/ai/explore.astro b/src/pages/ai/explore.astro
index 60f0e352a..b743e98af 100644
--- a/src/pages/ai/explore.astro
+++ b/src/pages/ai/explore.astro
@@ -13,7 +13,7 @@ const ogImage = 'https://roadmap.sh/og-images/ai-tutor.png';
 >
   <AITutorLayout activeTab='explore' client:load>
     <section class='flex grow flex-col bg-gray-100'>
-      <div class='container mx-auto flex max-w-3xl flex-col py-10 max-sm:py-4'>
+      <div class='mx-auto w-full flex max-w-4xl flex-col py-10 max-sm:py-4'>
         <AIExploreCourseListing client:load />
       </div>
     </section>
diff --git a/src/pages/ai/stuff-picks.astro b/src/pages/ai/staff-picks.astro
similarity index 100%
rename from src/pages/ai/stuff-picks.astro
rename to src/pages/ai/staff-picks.astro