From 61f5a81d20d17130600e1088ae3c32fb521febd1 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 10 Apr 2025 15:19:50 +0100
Subject: [PATCH] Tutor sidebar changes

---
 src/components/AITutor/AIFeaturedCoursesListing.tsx |  6 ++----
 src/components/AITutor/AITutorSidebar.tsx           | 13 ++++++++-----
 src/components/GenerateCourse/AICourse.tsx          |  2 +-
 src/pages/ai/{explore.astro => community.astro}     |  2 +-
 4 files changed, 12 insertions(+), 11 deletions(-)
 rename src/pages/ai/{explore.astro => community.astro} (93%)

diff --git a/src/components/AITutor/AIFeaturedCoursesListing.tsx b/src/components/AITutor/AIFeaturedCoursesListing.tsx
index a5df649ed..72520266f 100644
--- a/src/components/AITutor/AIFeaturedCoursesListing.tsx
+++ b/src/components/AITutor/AIFeaturedCoursesListing.tsx
@@ -1,8 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import {
-  listFeaturedAiCoursesOptions,
-  listUserAiCoursesOptions,
-  type ListUserAiCoursesQuery,
+  listFeaturedAiCoursesOptions, type ListUserAiCoursesQuery
 } from '../../queries/ai-course';
 import { queryClient } from '../../stores/query-client';
 import { useEffect, useState } from 'react';
@@ -53,7 +51,7 @@ export function AIFeaturedCoursesListing(props: AIFeaturedCoursesListingProps) {
     <>
       <div className="mb-3 flex min-h-[35px] items-center justify-between max-sm:mb-1">
         <div className="flex items-center gap-2">
-          <h2 className="text-lg font-semibold">Stuff Picks</h2>
+          <h2 className="text-lg font-semibold">Staff Picks</h2>
         </div>
       </div>
 
diff --git a/src/components/AITutor/AITutorSidebar.tsx b/src/components/AITutor/AITutorSidebar.tsx
index c4166a676..c6b1a7aa5 100644
--- a/src/components/AITutor/AITutorSidebar.tsx
+++ b/src/components/AITutor/AITutorSidebar.tsx
@@ -1,4 +1,4 @@
-import { BookOpen, Compass, Plus, Star } from 'lucide-react';
+import { BookOpen, Compass, Plus, Star, Users2 } from 'lucide-react';
 import { AITutorLogo } from '../ReactIcons/AITutorLogo';
 
 type AITutorSidebarProps = {
@@ -25,9 +25,9 @@ const sidebarItems = [
     icon: Star,
   },
   {
-    key: 'explore',
-    label: 'Explore',
-    href: '/ai/explore',
+    key: 'community',
+    label: 'Community',
+    href: '/ai/community',
     icon: Compass,
   },
 ];
@@ -48,7 +48,10 @@ export function AITutorSidebar(props: AITutorSidebarProps) {
             AI Tutor
           </h2>
           <span className="text-xs text-gray-500">
-            by <a href="/" className="hover:underline underline-offset-2">roadmap.sh</a>
+            by{' '}
+            <a href="/" className="underline-offset-2 hover:underline">
+              roadmap.sh
+            </a>
           </span>
         </div>
         <p className="max-w-[150px] text-xs text-gray-500">
diff --git a/src/components/GenerateCourse/AICourse.tsx b/src/components/GenerateCourse/AICourse.tsx
index d3d860f9c..d100a7d97 100644
--- a/src/components/GenerateCourse/AICourse.tsx
+++ b/src/components/GenerateCourse/AICourse.tsx
@@ -118,7 +118,7 @@ export function AICourse(props: AICourseProps) {
                   className="mr-1"
                   id="fine-tune-checkbox"
                 />
-                Explain more for better course
+                Explain more for a better course
               </label>
             </div>
 
diff --git a/src/pages/ai/explore.astro b/src/pages/ai/community.astro
similarity index 93%
rename from src/pages/ai/explore.astro
rename to src/pages/ai/community.astro
index b743e98af..008a46e1d 100644
--- a/src/pages/ai/explore.astro
+++ b/src/pages/ai/community.astro
@@ -11,7 +11,7 @@ const ogImage = 'https://roadmap.sh/og-images/ai-tutor.png';
   ogImageUrl={ogImage}
   description='Learn anything with AI Tutor. Pick a topic, choose a difficulty level and the AI will guide you through the learning process.'
 >
-  <AITutorLayout activeTab='explore' client:load>
+  <AITutorLayout activeTab='community' client:load>
     <section class='flex grow flex-col bg-gray-100'>
       <div class='mx-auto w-full flex max-w-4xl flex-col py-10 max-sm:py-4'>
         <AIExploreCourseListing client:load />