From 9f09e4fd617afd2890dde3e25ef1ff57fd9647b1 Mon Sep 17 00:00:00 2001
From: TheGiftedExplorer <vedarthasai90@gmail.com>
Date: Sun, 23 Aug 2026 20:54:47 +0530
Subject: [PATCH] fix(app): display prerequisites on edit screen

Signed-off-by: TheGiftedExplorer <vedarthasai90@gmail.com>
---
 app/src/components/contribute/steps/GuideDetails.tsx | 9 ++++++++-
 app/src/components/ui/combobox.tsx                   | 1 +
 app/src/routes/guides/$slug/$variantSlug/edit.tsx    | 1 +
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/src/components/contribute/steps/GuideDetails.tsx b/app/src/components/contribute/steps/GuideDetails.tsx
index b540cc18..c7ef3a99 100644
--- a/app/src/components/contribute/steps/GuideDetails.tsx
+++ b/app/src/components/contribute/steps/GuideDetails.tsx
@@ -38,6 +38,7 @@ type PropTypes = {
   onSaveDraft: () => void;
   submitting?: boolean;
   showBaseFields?: boolean;
+  showPrerequisiteFields?: boolean;
   hideBackBtn?: boolean;
   title?: string;
   changeSummary?: string;
@@ -56,6 +57,7 @@ export const GuideDetails = ({
   // Prerequisites and todos live on the guide base, so they're only
   // authorable while the base is still a draft.
   showBaseFields = true,
+  showPrerequisiteFields = showBaseFields,
   hideBackBtn,
   title = "Guide Details",
   changeSummary,
@@ -347,7 +349,7 @@ export const GuideDetails = ({
           </div>
         )}
 
-        {showBaseFields && (
+        {showPrerequisiteFields && (
           <>
             <Field className="space-y-2">
               <div className="space-y-1">
@@ -377,6 +379,7 @@ export const GuideDetails = ({
                     prereqs,
                   }))
                 }
+                disabled={!showBaseFields}
               />
             </Field>
 
@@ -409,6 +412,7 @@ export const GuideDetails = ({
                   aria-describedby={
                     todoPrereqError ? "todo-prereq-error" : undefined
                   }
+                  disabled={!showBaseFields}
                 />
 
                 <Input
@@ -429,6 +433,7 @@ export const GuideDetails = ({
                   aria-describedby={
                     todoPrereqError ? "todo-prereq-error" : undefined
                   }
+                  disabled={!showBaseFields}
                 />
                 <Button
                   type="button"
@@ -472,6 +477,7 @@ export const GuideDetails = ({
                     setTodoPrereq({ title: "", summary: "" });
                     setTodoPrereqError(null);
                   }}
+                  disabled={!showBaseFields}
                 >
                   Add Todo
                 </Button>
@@ -512,6 +518,7 @@ export const GuideDetails = ({
                           ),
                         }))
                       }
+                      disabled={!showBaseFields}
                     >
                       <X className="size-3" />
                     </button>
diff --git a/app/src/components/ui/combobox.tsx b/app/src/components/ui/combobox.tsx
index f1dd225e..34f3eabb 100644
--- a/app/src/components/ui/combobox.tsx
+++ b/app/src/components/ui/combobox.tsx
@@ -150,6 +150,7 @@ export function Combobox({
               <button
                 type="button"
                 aria-label={`Remove ${item.label}`}
+                disabled={disabled}
                 className="text-muted-foreground hover:text-foreground"
                 onClick={() => toggle(item.value)}
               >
diff --git a/app/src/routes/guides/$slug/$variantSlug/edit.tsx b/app/src/routes/guides/$slug/$variantSlug/edit.tsx
index f8db8758..2493142c 100644
--- a/app/src/routes/guides/$slug/$variantSlug/edit.tsx
+++ b/app/src/routes/guides/$slug/$variantSlug/edit.tsx
@@ -331,6 +331,7 @@ function RouteComponent() {
                   onSaveDraft={saveDraft}
                   submitting={submitting}
                   showBaseFields={false}
+                  showPrerequisiteFields
                   hideBackBtn
                   title="Edit Details"
                   changeSummary={changeSummary}