From 10e7ec386c73fb842478cd780ec91a9b5950d5dc Mon Sep 17 00:00:00 2001
From: Arik Chakma <arikchangma@gmail.com>
Date: Wed, 25 Jun 2025 03:30:41 +0600
Subject: [PATCH] fix: show preferences option only when questions exist

---
 .../AIRoadmap/AIRoadmapRegenerate.tsx         | 22 +++++++----
 .../GenerateCourse/RegenerateOutline.tsx      | 37 ++++++++++++-------
 .../GenerateGuide/AIGuideRegenerate.tsx       | 34 ++++++++++-------
 3 files changed, 57 insertions(+), 36 deletions(-)

diff --git a/src/components/AIRoadmap/AIRoadmapRegenerate.tsx b/src/components/AIRoadmap/AIRoadmapRegenerate.tsx
index f1eeeb211..65c8782ee 100644
--- a/src/components/AIRoadmap/AIRoadmapRegenerate.tsx
+++ b/src/components/AIRoadmap/AIRoadmapRegenerate.tsx
@@ -132,6 +132,9 @@ export function AIRoadmapRegenerate(props: AIRoadmapRegenerateProps) {
     queryClient,
   );
 
+  const showUpdatePreferences =
+    aiRoadmap?.questionAndAnswers && aiRoadmap.questionAndAnswers.length > 0;
+
   return (
     <>
       {showUpgradeModal && (
@@ -177,14 +180,17 @@ export function AIRoadmapRegenerate(props: AIRoadmapRegenerateProps) {
         </button>
         {isDropdownVisible && (
           <div className="absolute top-full right-0 min-w-[190px] translate-y-1 overflow-hidden rounded-md border border-gray-200 bg-white shadow-md">
-            <ActionButton
-              onClick={() => {
-                setIsDropdownVisible(false);
-                setShowUpdatePreferencesModal(true);
-              }}
-              icon={SettingsIcon}
-              label="Update Preferences"
-            />
+            {showUpdatePreferences && (
+              <ActionButton
+                onClick={() => {
+                  setIsDropdownVisible(false);
+                  setShowUpdatePreferencesModal(true);
+                }}
+                icon={SettingsIcon}
+                label="Update Preferences"
+              />
+            )}
+
             <ActionButton
               onClick={() => {
                 setIsDropdownVisible(false);
diff --git a/src/components/GenerateCourse/RegenerateOutline.tsx b/src/components/GenerateCourse/RegenerateOutline.tsx
index dbbfcc4aa..10b0a1233 100644
--- a/src/components/GenerateCourse/RegenerateOutline.tsx
+++ b/src/components/GenerateCourse/RegenerateOutline.tsx
@@ -65,6 +65,9 @@ export function RegenerateOutline(props: RegenerateOutlineProps) {
     queryClient,
   );
 
+  const showUpdatePreferences =
+    aiCourse?.questionAndAnswers && aiCourse.questionAndAnswers.length > 0;
+
   return (
     <>
       {showUpgradeModal && (
@@ -113,21 +116,27 @@ export function RegenerateOutline(props: RegenerateOutlineProps) {
         </button>
         {isDropdownVisible && (
           <div className="absolute top-full right-0 min-w-[190px] translate-y-1 overflow-hidden rounded-md border border-gray-200 bg-white shadow-md">
-            <button
-              onClick={() => {
-                setIsDropdownVisible(false);
-                setShowUpdatePreferencesModal(true);
-              }}
-              className="flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-100"
-            >
-              <Settings2Icon
-                size={16}
-                className="text-gray-400"
-                strokeWidth={2.5}
-              />
-              Preferences
-            </button>
+            {showUpdatePreferences && (
+              <button
+                onClick={() => {
+                  setIsDropdownVisible(false);
+                  if (isForkable) {
+                    onForkCourse();
+                    return;
+                  }
 
+                  setShowUpdatePreferencesModal(true);
+                }}
+                className="flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-100"
+              >
+                <Settings2Icon
+                  size={16}
+                  className="text-gray-400"
+                  strokeWidth={2.5}
+                />
+                Preferences
+              </button>
+            )}
             <button
               onClick={() => {
                 setIsDropdownVisible(false);
diff --git a/src/components/GenerateGuide/AIGuideRegenerate.tsx b/src/components/GenerateGuide/AIGuideRegenerate.tsx
index f8aee2b34..f07b4bb26 100644
--- a/src/components/GenerateGuide/AIGuideRegenerate.tsx
+++ b/src/components/GenerateGuide/AIGuideRegenerate.tsx
@@ -60,6 +60,9 @@ export function AIGuideRegenerate(props: AIGuideRegenerateProps) {
     queryClient,
   );
 
+  const showUpdatePreferences =
+    aiGuide?.questionAndAnswers && aiGuide.questionAndAnswers.length > 0;
+
   return (
     <>
       {showUpgradeModal && (
@@ -105,20 +108,23 @@ export function AIGuideRegenerate(props: AIGuideRegenerateProps) {
         </button>
         {isDropdownVisible && (
           <div className="absolute top-full right-0 min-w-[190px] translate-y-1 overflow-hidden rounded-md border border-gray-200 bg-white shadow-md">
-            <button
-              onClick={() => {
-                setIsDropdownVisible(false);
-                setShowUpdatePreferencesModal(true);
-              }}
-              className="flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-100"
-            >
-              <SettingsIcon
-                size={16}
-                className="text-gray-400"
-                strokeWidth={2.5}
-              />
-              Update Preferences
-            </button>
+            {showUpdatePreferences && (
+              <button
+                onClick={() => {
+                  setIsDropdownVisible(false);
+                  setShowUpdatePreferencesModal(true);
+                }}
+                className="flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm text-gray-600 hover:bg-gray-100"
+              >
+                <SettingsIcon
+                  size={16}
+                  className="text-gray-400"
+                  strokeWidth={2.5}
+                />
+                Update Preferences
+              </button>
+            )}
+
             <button
               onClick={() => {
                 setIsDropdownVisible(false);