From fd9b388834b3891c5acc6e7205a15b63d9e2b49b Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 11 Apr 2025 18:22:51 +0100
Subject: [PATCH] Fork alert changes
---
src/components/GenerateCourse/AICourseContent.tsx | 12 ------------
src/components/GenerateCourse/ForkCourseAlert.tsx | 4 ++--
2 files changed, 2 insertions(+), 14 deletions(-)
diff --git a/src/components/GenerateCourse/AICourseContent.tsx b/src/components/GenerateCourse/AICourseContent.tsx
index 820b33197..e2abc32dc 100644
--- a/src/components/GenerateCourse/AICourseContent.tsx
+++ b/src/components/GenerateCourse/AICourseContent.tsx
@@ -8,7 +8,6 @@ import {
Map,
MessageCircleOffIcon,
MessageCircleIcon,
- GitForkIcon,
} from 'lucide-react';
import { useEffect, useState } from 'react';
import { type AiCourse } from '../../lib/ai';
@@ -328,17 +327,6 @@ export function AICourseContent(props: AICourseContentProps) {
onUpgrade={() => setShowUpgradeModal(true)}
onShowLimits={() => setShowAILimitsPopup(true)}
/>
- {isForkable && (
- <button
- className="hidden items-center justify-center gap-1 rounded-md bg-yellow-400 px-4 py-1 text-sm font-medium underline-offset-2 hover:bg-yellow-500 lg:flex"
- onClick={() => {
- setIsForkingCourse(true);
- }}
- >
- <GitForkIcon className="size-4" />
- Fork
- </button>
- )}
</div>
</div>
</header>
diff --git a/src/components/GenerateCourse/ForkCourseAlert.tsx b/src/components/GenerateCourse/ForkCourseAlert.tsx
index e7280b94a..7f3f7b0dc 100644
--- a/src/components/GenerateCourse/ForkCourseAlert.tsx
+++ b/src/components/GenerateCourse/ForkCourseAlert.tsx
@@ -17,13 +17,13 @@ export function ForkCourseAlert(props: ForkCourseAlertProps) {
}
return (
- <div className="mb-4 flex items-center justify-between gap-2 rounded-lg bg-yellow-200 p-3 text-black">
+ <div className="mb-3.5 lg:-mt-2.5 max-w-5xl mx-auto flex items-center justify-between gap-2 rounded-lg bg-yellow-200 p-3 text-black">
<p className="text-sm text-balance">
To start tracking your progress, you can fork the course.
</p>
<button
- className="flex shrink-0 items-center gap-2 rounded-md bg-yellow-400 p-1 px-2 text-sm text-black"
+ className="flex shrink-0 items-center gap-2 rounded-md bg-yellow-400 py-1.5 px-3 text-sm text-black"
onClick={onForkCourse}
>
<GitForkIcon className="size-3.5" />