the non useable changes

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

@@ -18,7 +18,6 @@ export function SettingsDropdown({startingValue}:{startingValue:string;}) {
       </SelectTrigger>
       <SelectContent>
         <SelectGroup>
-          <SelectLabel>Fruits</SelectLabel>
           <SelectItem value="apple">Apple</SelectItem>
           <SelectItem value="banana">Banana</SelectItem>
           <SelectItem value="blueberry">Blueberry</SelectItem>
@@ -46,10 +45,18 @@ export default function PortfolioSettings({
     portfolioSettingsData.name
   );
 
+  const [portfolioBudget, setPortfolioBudget] = useState<number|string|null>(
+    portfolioSettingsData.budget
+  );
+
   const [portfolioGoal, setPortfolioGoal] = useState(
     portfolioSettingsData.goal
   );
 
+  const [portfolioStatus, setPortfolioStatus] = useState(
+    portfolioSettingsData.status
+  );
+
   function handleRename() {
     // API call to rename the portfolio
     // apiFunction(portfolioName)
@@ -62,11 +69,7 @@ export default function PortfolioSettings({
   }
 
   // Last thing we'd need to do is make that update in the db
-
-  //Change budget functionality
-  const [portfolioBudget, setPortfolioBudget] = useState<number|string|null>(
-    portfolioSettingsData.budget
-  );
+  
 
   function handleBudgetUpdate() {
     // API call to change the budget
@@ -130,6 +133,7 @@ export default function PortfolioSettings({
             {portfolioSettingsData.status}
           </li>
           <li className="flex items-center">
+            <SettingsDropdown startingValue={portfolioStatus}/>
           </li>
 
           {/* Row 5: Delete */}