final commit for settings page

src/app/portfolio/[slug]/(portfolio)/settings/PortfolioSettings.tsx

@@ -370,126 +370,6 @@ export default function PortfolioSettings({
   // 4) Create the API
 
   return (
-    // <div className="w-4/5 p-4 mt-5 pt-5 bg-gray-50 rounded-lg text-brandblue">
-    //   <div className="grid grid-cols-[auto_auto_min-content] gap-5">
-    //     {/* Row 1: Name */}
-    //     <div className="flex pl-1 col-span-3 ">
-    //       <span>Change the Portfolio Name:</span>
-    //     </div>
-    //     <div className="flex-grow col-span-2">
-    //       <Input value={portfolioName} onChange={handlePortfolioNameChange} />
-    //     </div>
-    //     <div className="flex justify-end col-start-3 col-end-3">
-    //       <Button className="w-min" onClick={handleRename}>
-    //         Rename
-    //       </Button>
-    //     </div>
-    //     <div className="border-b-4 col-span-3 rounded-full"></div>
-        
-    //     {/* Row 2: Budget */}
-    //     <div className="w-full flex-col items-center pl-1 col-span-2">
-    //       <span>Portfolio Budget:<br /></span>
-    //       <span className="text-xs pt-1 text-gray-500">Total Budget across ALL Properties. We aim to make sure works stay within this budget.</span>
-    //     </div>
-    //     <div className="flex-grow col-span-2">
-    //       <Input
-    //         type="number"
-    //         value={portfolioBudget ?? undefined}
-    //         onChange={handlePortfolioBudgetUpdate}
-    //         onKeyDown={(e) => handleNumericKeyDown(e)}
-    //       />
-    //     </div>
-    //     <div className="flex justify-end">
-    //       <Button className="w-min" onClick={handleBudgetUpdate}>
-    //         Update
-    //       </Button>
-    //     </div>
-    //     <div className="border-b-4 col-span-3 rounded-full"></div>
-  
-    //     {/* Row 3: Goal */}
-    //     <div className="w-full flex-col items-center pl-1 col-span-2">
-    //       <span>Goal:<br /></span>
-    //       <span className="text-xs pt-1 text-gray-500">Adjust the overall aim of the works conducted on this portfolio.</span>
-    //     </div>
-    //     <div className="w-full flex-grow col-span-2">
-    //       <SettingsDropdown
-    //         className="w-full"
-    //         startingValue={portfolioGoal}
-    //         options={PortfolioGoalOptions}
-    //         setOption={setPortfolioGoal}
-    //       />
-    //     </div>
-    //     <div className="flex justify-end">
-    //       <Button className="w-min" onClick={handleGoalUpdate}>
-    //         Update
-    //       </Button>
-    //     </div>
-    //     <div className="border-b-4 col-span-3 rounded-full"></div>
-  
-    //     {/* Row 4: Status */}
-        
-    //     <div className="w-full flex-col items-center pl-1 col-span-2">
-    //       <span>Status:<br /></span>
-    //       <span className="text-xs pt-1 text-gray-500">Adjust where the portfolio stands in the works pipeline.</span>
-    //     </div>
-    //     <div className="col-span-2">
-    //       <SettingsDropdown
-    //         className="w-full"
-    //         startingValue={portfolioStatus}
-    //         options={PortfolioStatusOptions}
-    //         setOption={setPortfolioStatus}
-    //       />
-    //     </div>
-    //     <div className="flex justify-end">
-    //       <Button className="w-min" onClick={handleStatusUpdate}>
-    //         Update
-    //       </Button>
-    //     </div>
-    //     <div className="border-b-4 col-span-3 rounded-full"></div> 
-        
-    //     {/* Row 5: Delete */}
-    //     <div className="mx-auto text-center p-4 col-span-3 border-solid border-2 rounded-md border-red-700">
-    //       <div className="flex items-center justify-center col-span-3 pb-3">DANGER ZONE - Permanently Delete the Entire Portfolio</div>
-    //         <div className="flex items-center justify-center col-span-3">
-    //           <Button className="bg-red-700" onClick={handleOpenDeleteModal}>
-    //           Delete Portfolio
-    //           </Button>
-    //         </div>
-    //     </div>
-    //   </div>
-  
-      // {/* Delete portfolio modal */}
-      // <Dialog open={isDeleteModalOpen} onOpenChange={setIsDeleteModalOpen}>
-      //   <DialogContent>
-      //     <DialogTitle>Are you sure?</DialogTitle>
-      //     <p>
-      //       To confirm, please type the name of the portfolio (
-      //       <strong>{portfolioSettingsData.name}</strong>)
-      //     </p>
-      //     <input
-      //       type="text"
-      //       value={deleteConfirmationByName}
-      //       onChange={(e) => setDeleteConfirmationByName(e.target.value)}
-      //       placeholder="Type portfolio name"
-      //     />
-      //     <DialogFooter>
-      //       <Button
-      //         className="bg-green-600"
-      //         onClick={() => setIsDeleteModalOpen(false)}
-      //       >
-      //         Cancel
-      //       </Button>
-      //       <Button
-      //         className="bg-red-700"
-      //         onClick={handleDeleteConfirmation}
-      //         disabled={deleteConfirmationByName !== portfolioSettingsData.name}
-      //       >
-      //         Delete
-      //       </Button>
-      //     </DialogFooter>
-      //   </DialogContent>
-      // </Dialog>
-    // </div>
   
   <div className="w-auto mt-4 p-4 bg-gray-50 rounded-lg text-brandblue">
     <div className="rounded-md border border-gray-700">