From 3b8eabc111cad2b2b57343bad52d9190484c3bfa Mon Sep 17 00:00:00 2001
From: amaliadwiy <iam.amaliadwi@gmail.com>
Date: Mon, 18 May 2026 16:31:43 +0800
Subject: [PATCH 1/2] fix: gender select value M/F instead of Male/Female

---
 src/frontend/routes/apps.$appId.villages.index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/routes/apps.$appId.villages.index.tsx b/src/frontend/routes/apps.$appId.villages.index.tsx
index 64aded9..e99beed 100644
--- a/src/frontend/routes/apps.$appId.villages.index.tsx
+++ b/src/frontend/routes/apps.$appId.villages.index.tsx
@@ -422,7 +422,7 @@ function AppVillagesIndexPage() {
             <Select 
               label="Gender" 
               placeholder="Select gender"
-              data={['Male', 'Female']}
+              data={[{ label: 'Male', value: 'M' }, { label: 'Female', value: 'F' }]}
               mt="sm"
               required
               value={form.gender}

From f98fb51cfd93b9e3c607322d2d306c30ba4e6b09 Mon Sep 17 00:00:00 2001
From: amaliadwiy <iam.amaliadwi@gmail.com>
Date: Mon, 18 May 2026 16:42:32 +0800
Subject: [PATCH 2/2] feat: tambah field isApprover pada edit user modal

---
 src/frontend/routes/apps.$appId.users.index.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/frontend/routes/apps.$appId.users.index.tsx b/src/frontend/routes/apps.$appId.users.index.tsx
index 221034d..1b2015d 100644
--- a/src/frontend/routes/apps.$appId.users.index.tsx
+++ b/src/frontend/routes/apps.$appId.users.index.tsx
@@ -57,6 +57,7 @@ interface APIUser {
   gender: string
   isWithoutOTP: boolean
   isActive: boolean
+  isApprover: boolean
   role: string
   village: string
   group: string
@@ -118,7 +119,8 @@ function UsersIndexPage() {
     idGroup: '',
     idPosition: '',
     isActive: true,
-    isWithoutOTP: false
+    isWithoutOTP: false,
+    isApprover: false
   })
 
   // Options Data (Shared for both Add and Edit modals)
@@ -212,7 +214,8 @@ function UsersIndexPage() {
       idGroup: user.idGroup,
       idPosition: user.idPosition,
       isActive: user.isActive,
-      isWithoutOTP: user.isWithoutOTP
+      isWithoutOTP: user.isWithoutOTP,
+      isApprover: user.isApprover
     })
     setVillageSearch(user.village)
     openEdit()
@@ -544,6 +547,12 @@ function UsersIndexPage() {
               checked={editForm.isWithoutOTP}
               onChange={(event) => setEditForm(f => ({ ...f, isWithoutOTP: event.currentTarget.checked }))}
             />
+            <Switch
+              label="Approver"
+              description="Grant approver privileges to this user"
+              checked={editForm.isApprover}
+              onChange={(event) => setEditForm(f => ({ ...f, isApprover: event.currentTarget.checked }))}
+            />
           </SimpleGrid>
 
           <Button