add optional input prop to confirmation modal

Author: Saige243

src/app/trips/[id]/itinerary/_components/ItineraryAccordion.tsx

@@ -392,8 +392,9 @@ function ItineraryAccordion({ trip }: DailyItineraryAccordionProps) {
                                 buttonText="Delete"
                                 icon="Trash"
                                 iconColor="red-500"
-                                text="Are you sure you want to delete this itinerary item?"
+                                text="Are you sure you want to delete this item?"
                                 confirmation="Delete"
+                                showInput={false}
                                 onConfirm={() => handleDeleteItem(item.id)}
                               />
                             </>

src/app/trips/_components/ConfirmationModal.tsx

@@ -16,7 +16,8 @@ interface ConfirmationModalProps {
   confirmation: string;
   icon?: string;
   iconColor?: string;
-  onConfirm: () => Promise<void>; // async now
+  onConfirm: () => Promise<void>;
+  showInput?: boolean;
 }
 
 function ConfirmationModal({
@@ -25,6 +26,7 @@ function ConfirmationModal({
   confirmation,
   icon,
   iconColor = "black",
+  showInput = true,
   onConfirm,
 }: ConfirmationModalProps) {
   const [inputValue, setInputValue] = useState("");
@@ -68,15 +70,17 @@ function ConfirmationModal({
         </DialogHeader>
 
         <div className="flex flex-col items-center justify-center space-y-5">
-          <Input
-            value={inputValue}
-            onChange={(e) => setInputValue(e.target.value)}
-            placeholder={`Type "${confirmation}" to confirm`}
-            disabled={loading}
-          />
+          {showInput && (
+            <Input
+              value={inputValue}
+              onChange={(e) => setInputValue(e.target.value)}
+              placeholder={`Type "${confirmation}" to confirm`}
+              disabled={loading}
+            />
+          )}
           <Button
             variant="destructive"
-            disabled={!isMatch || loading}
+            disabled={showInput ? !isMatch || loading : loading}
             onClick={handleConfirm}
           >
             {icon && <Icon name={icon} size="20" />}