From 6449c243985abf78c10336dbc286a2b3421686a5 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 18 Mar 2025 01:28:56 +0000
Subject: [PATCH] Update AI chat popup
---
.../GenerateCourse/AICourseFollowUpPopover.tsx | 18 +++++++++++++-----
.../GenerateCourse/AICourseLesson.tsx | 2 +-
2 files changed, 14 insertions(+), 6 deletions(-)
diff --git a/src/components/GenerateCourse/AICourseFollowUpPopover.tsx b/src/components/GenerateCourse/AICourseFollowUpPopover.tsx
index 4a03fdf1c..de116546b 100644
--- a/src/components/GenerateCourse/AICourseFollowUpPopover.tsx
+++ b/src/components/GenerateCourse/AICourseFollowUpPopover.tsx
@@ -1,5 +1,13 @@
import { useQuery } from '@tanstack/react-query';
-import { BookOpen, Bot, Code, HelpCircle, LockIcon, Send } from 'lucide-react';
+import {
+ BookOpen,
+ Bot,
+ Code,
+ Globe, Hammer,
+ HelpCircle,
+ LockIcon,
+ Send,
+} from 'lucide-react';
import { useEffect, useMemo, useRef, useState, type FormEvent } from 'react';
import { flushSync } from 'react-dom';
import TextareaAutosize from 'react-textarea-autosize';
@@ -369,14 +377,14 @@ const capabilities = [
},
{
icon: (
- <Code className="size-4 shrink-0 text-yellow-600" strokeWidth={2.5} />
+ <Hammer className="size-4 shrink-0 text-yellow-600" strokeWidth={2.5} />
),
- title: 'Code Help',
- description: 'Share your code and ask me to help you debug it',
+ title: 'Real-world Examples',
+ description: 'Ask for real-world examples to understand better',
},
{
icon: <Bot className="size-4 shrink-0 text-yellow-600" strokeWidth={2.5} />,
title: 'Best Practices',
- description: 'Share your code and ask me the best way to do something',
+ description: 'Learn about best practices and common pitfalls',
},
] as const;
diff --git a/src/components/GenerateCourse/AICourseLesson.tsx b/src/components/GenerateCourse/AICourseLesson.tsx
index 4ab35c429..c213aac01 100644
--- a/src/components/GenerateCourse/AICourseLesson.tsx
+++ b/src/components/GenerateCourse/AICourseLesson.tsx
@@ -203,7 +203,7 @@ export function AICourseLesson(props: AICourseLessonProps) {
isLoading;
const cantGoBack =
- (activeModuleIndex === 0 && activeLessonIndex === 0) || isGenerating;
+ (activeModuleIndex === 0 && activeLessonIndex === 0) || isGenerating || isLoading;
return (
<div className="mx-auto max-w-4xl">