From 0a7e110bf68f9a348410026682f9c239cddaa882 Mon Sep 17 00:00:00 2001
From: StefanWout <stefanwoutersen@gmail.com>
Date: Fri, 25 Oct 2024 17:32:00 +0100
Subject: [PATCH] copied mutate function for status and goal

---
 .../settings/PortfolioSettings.tsx            | 35 +++++++++++--------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/app/portfolio/[slug]/(portfolio)/settings/PortfolioSettings.tsx b/src/app/portfolio/[slug]/(portfolio)/settings/PortfolioSettings.tsx
index 8f17fc2..658cd29 100644
--- a/src/app/portfolio/[slug]/(portfolio)/settings/PortfolioSettings.tsx
+++ b/src/app/portfolio/[slug]/(portfolio)/settings/PortfolioSettings.tsx
@@ -243,18 +243,28 @@ export default function PortfolioSettings({
 
   // The onClick function called to update the GOAL in the DB
 
-  function handleGoalUpdateDb() {
-    // apiGoalChangeFunction(portfolioSettingsData.goal)
-    // Update portfolioGoal
-    router.refresh();
+  function handleGoalUpdate() {
+    mutate({
+      userId,
+      portfolioId,
+      name: null,
+      budget: null,
+      goal: portfolioGoal,
+      status: null,
+    });
   }
 
   // The onClick function called to update the BUDGET in the DB
 
-  function handleStatusUpdateDb() {
-    // apiStatusChangeFunction(portfolioSettingsData.status)
-    // Update portfolioStatus
-    router.refresh();
+  function handleStatusUpdate() {
+    mutate({
+      userId,
+      portfolioId,
+      name: null,
+      budget: null,
+      goal: null,
+      status: portfolioStatus,
+    });
   }
 
   // HTML to render the page
@@ -311,7 +321,7 @@ export default function PortfolioSettings({
               setOption={setPortfolioGoal}
             />
           </div>
-          <Button className="w-full" onClick={handleGoalUpdateDb}>
+          <Button className="w-full" onClick={handleGoalUpdate}>
             Update
           </Button>
 
@@ -326,15 +336,10 @@ export default function PortfolioSettings({
               setOption={setPortfolioStatus}
             />
           </div>
-          <Button className="w-full" onClick={handleStatusUpdateDb}>
+          <Button className="w-full" onClick={handleStatusUpdate}>
             Update
           </Button>
 
-          <div className="col-span-3"> Portfolio Name: {portfolioName}</div>
-          <div className="col-span-3"> Portfolio Budget: {portfolioBudget}</div>
-          <div className="col-span-3"> Goal value: {portfolioGoal}</div>
-          <div> Status value: {portfolioStatus}</div>
-
           {/* Row 5: Delete */}
           <div className="col-span-2"></div>
           <div className="flex items-center">