From a1572ae9c84d7918ac9a0cb0ddb8325b39fcfb42 Mon Sep 17 00:00:00 2001
From: Raja Oktafrianto <rajaoktafrianto3.com>
Date: Fri, 11 Apr 2025 10:12:33 +0700
Subject: [PATCH] fixing update type reward & user

---
 src/pages/master/reward/blocks/AddDialog.tsx  | 35 ++++++++++++++-----
 src/pages/master/reward/blocks/EditDialog.tsx | 32 +++++++++++++----
 .../reward/hooks/ManageRewardContext.tsx      |  2 +-
 .../user/manage-user/blocks/AddDialog.tsx     | 14 +++++---
 .../manage-user/hooks/ManageUserContext.tsx   |  2 +-
 5 files changed, 64 insertions(+), 21 deletions(-)

diff --git a/src/pages/master/reward/blocks/AddDialog.tsx b/src/pages/master/reward/blocks/AddDialog.tsx
index 9f44be0..cb74206 100644
--- a/src/pages/master/reward/blocks/AddDialog.tsx
+++ b/src/pages/master/reward/blocks/AddDialog.tsx
@@ -55,6 +55,13 @@ const AddDialog = () => {
     setAlert({ show: false, message: '' });
   };
 
+  const RewardType = {
+    'Daily Check in': 'D',
+    Referal: 'R'
+  } as const;
+
+  type RewardTypeValue = (typeof RewardType)[keyof typeof RewardType];
+
   const doCreateReward = useCallback(
     async (e: React.FormEvent<HTMLFormElement>) => {
       e.preventDefault();
@@ -140,15 +147,25 @@ const AddDialog = () => {
                     Type<span className="text-red-500">*</span>
                   </label>
 
-                  <Input
-                    className="input col-span-6"
-                    type="text"
-                    autoComplete="off"
-                    value={formField.type}
-                    onChange={({ target }) =>
-                      setFormField((prev) => ({ ...prev, type: target.value }))
-                    }
-                  />
+                  <div className="col-span-6">
+                    <Select
+                      value={formField.type}
+                      onValueChange={(value) => setFormField((prev) => ({ ...prev, type: value }))}
+                    >
+                      <SelectTrigger className="w-full">
+                        <SelectValue placeholder="Select Type" />
+                      </SelectTrigger>
+                      <SelectContent>
+                        {Object.entries(RewardType).map(
+                          ([label, value]: [string, RewardTypeValue]) => (
+                            <SelectItem key={value} value={value}>
+                              {label}
+                            </SelectItem>
+                          )
+                        )}
+                      </SelectContent>
+                    </Select>
+                  </div>
                 </div>
                 <div className="grid grid-cols-8 gap-2 w-full items-center">
                   <label className="form-label flex items-center gap-1 col-span-2">
diff --git a/src/pages/master/reward/blocks/EditDialog.tsx b/src/pages/master/reward/blocks/EditDialog.tsx
index 2dc8c83..ac71043 100644
--- a/src/pages/master/reward/blocks/EditDialog.tsx
+++ b/src/pages/master/reward/blocks/EditDialog.tsx
@@ -55,6 +55,13 @@ const EditDialog = () => {
     setAlert({ show: false, message: '' });
   };
 
+  const RewardType = {
+    'Daily Check in': 'D',
+    Referal: 'R'
+  } as const;
+
+  type RewardTypeValue = (typeof RewardType)[keyof typeof RewardType];
+
   const doUpdateReward = useCallback(
     async (e: React.FormEvent<HTMLFormElement>) => {
       e.preventDefault();
@@ -161,12 +168,25 @@ const EditDialog = () => {
                     Type<span className="text-red-500">*</span>
                   </label>
 
-                  <Input
-                    className="input col-span-6"
-                    type="text"
-                    value={formField.type}
-                    onChange={(e) => setFormField({ ...formField, type: e.target.value })}
-                  />
+                  <div className="col-span-6">
+                    <Select
+                      value={formField.type}
+                      onValueChange={(value) => setFormField((prev) => ({ ...prev, type: value }))}
+                    >
+                      <SelectTrigger className="w-full">
+                        <SelectValue placeholder="Select Type" />
+                      </SelectTrigger>
+                      <SelectContent>
+                        {Object.entries(RewardType).map(
+                          ([label, value]: [string, RewardTypeValue]) => (
+                            <SelectItem key={value} value={value}>
+                              {label}
+                            </SelectItem>
+                          )
+                        )}
+                      </SelectContent>
+                    </Select>
+                  </div>
                 </div>
                 <div className="grid grid-cols-8 gap-2 w-full items-center">
                   <label className="form-label flex items-center gap-1 col-span-2">
diff --git a/src/pages/master/reward/hooks/ManageRewardContext.tsx b/src/pages/master/reward/hooks/ManageRewardContext.tsx
index 78eeb62..97c0130 100644
--- a/src/pages/master/reward/hooks/ManageRewardContext.tsx
+++ b/src/pages/master/reward/hooks/ManageRewardContext.tsx
@@ -169,7 +169,7 @@ const ManageRewardContextProvider = ({ children }: { children: React.ReactNode }
         order_direction: sorting[0].desc == false ? 'ASC' : 'DESC',
         filter: JSON.stringify(filter)
       });
-      // console.log('API Response:', response?.data.list); // Cek data dari API
+      // console.log('API Response:', response?.data.list);
       // console.log('reward list :', response);
       setRewards(response?.data.list);
       return { data: response?.data.list, totalCount: response?.data.total_count };
diff --git a/src/pages/settings/user/manage-user/blocks/AddDialog.tsx b/src/pages/settings/user/manage-user/blocks/AddDialog.tsx
index 2a56044..84298fa 100644
--- a/src/pages/settings/user/manage-user/blocks/AddDialog.tsx
+++ b/src/pages/settings/user/manage-user/blocks/AddDialog.tsx
@@ -284,9 +284,11 @@ const AddDialog = () => {
                     <div className="grow">
                       <Select
                         value={formField.id_role}
-                        onValueChange={(value) => {
-                          console.log('Role selected:', value);
-                          setFormField((prev) => ({ ...prev, id_role: value }));
+                        onValueChange={(id_role) => {
+                          setTimeout(() => {
+                            setFormField((prev) => ({ ...prev, id_role }));
+                          }, 0);
+                          // console.log('Role selected:', value);`
                         }}
                       >
                         <SelectTrigger>
@@ -310,7 +312,11 @@ const AddDialog = () => {
                   <div className="grow">
                     <Select
                       value={formField.status}
-                      onValueChange={(status) => setFormField((prev) => ({ ...prev, status }))}
+                      onValueChange={(status) => {
+                        setTimeout(() => {
+                          setFormField((prev) => ({ ...prev, status }));
+                        }, 0);
+                      }}
                     >
                       <SelectTrigger>
                         <SelectValue placeholder="Select" />
diff --git a/src/pages/settings/user/manage-user/hooks/ManageUserContext.tsx b/src/pages/settings/user/manage-user/hooks/ManageUserContext.tsx
index 1c390b3..24cbc41 100644
--- a/src/pages/settings/user/manage-user/hooks/ManageUserContext.tsx
+++ b/src/pages/settings/user/manage-user/hooks/ManageUserContext.tsx
@@ -189,7 +189,7 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
       order_direction: sorting[0].desc == false ? 'ASC' : 'DESC',
       filter: JSON.stringify(filter)
     });
-    // console.log('response api:', response);
+    console.log('response api:', response);
 
     return { data: response?.data.list, totalCount: response?.data.total_count };
   };