diff --git a/src/pages/members/kyc-delete-member/blocks/DetailDialog.tsx b/src/pages/members/kyc-delete-member/blocks/DetailDialog.tsx
index 8b1ca90..3e3cf59 100644
--- a/src/pages/members/kyc-delete-member/blocks/DetailDialog.tsx
+++ b/src/pages/members/kyc-delete-member/blocks/DetailDialog.tsx
@@ -5,15 +5,24 @@ import {
 	DialogHeader,
 	DialogTitle
 } from '@/components/ui/dialog';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from '@/components/ui/select';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import { useManageKycDeletionContext } from '../hooks';
 import { apiConfig } from '@/config/api.config';
 import { useDataGrid } from '@/components';
+import { useState } from 'react';
 
 const API_URL = apiConfig.service_customer;
 const DetailDialog = () => {
 	const { showDetailDialog, setShowDetailDialog, detailKyc, handleApproveReject } = useManageKycDeletionContext();
+	const [genders] = useState([ { name: 'Male',id: 'M' }, { name: 'Female',id: 'F' }])
 	const { reload } = useDataGrid();
 
 	return (
@@ -29,12 +38,12 @@ const DetailDialog = () => {
 							{generateInput(detailKyc, null, 'Group', 'group_name', 'text', false, true)}
 							{generateInput(detailKyc, null, 'Username', 'username', 'text', false, true)}
 							{generateInput(detailKyc, null, 'Full Name', 'fullname', 'text', false, true)}
-							{generateInput(detailKyc, null, 'Gender', 'customers_gender', 'text', false, true)}
+                            {generateList(detailKyc, null, genders, 'customers_gender', 'Gender', false, false)}
 							{generateInput(detailKyc, null, 'Date of Birth', 'birthdate', 'date', false, true)}
 							{generateInput(detailKyc, null, 'Mother Name', 'registered_mother_fullname', 'text', false, true)}
 							{generateInput(detailKyc, null, 'MSISDN', 'registered_msisdn', 'text', false, true)}
 							{generateInput(detailKyc, null, 'Reason Deletion', 'reason_deletion', 'text', false, true)}
-							{generateInput(detailKyc, null, 'Reason Note', 'reason_note', 'text', false, true)}
+							{/* {generateInput(detailKyc, null, 'Reason Note', 'reason_note', 'text', false, false)} */}
 							{generateInput(detailKyc, null, 'Status Approval', 'status_approve', 'text', false, true)}
 
 							<div className="flex justify-end gap-2 mt-3">
@@ -102,4 +111,27 @@ function generateInput(formData: any, handleChange: any, label: string, name: st
 			</div>
 		</>
 	)
+}
+
+function generateList(formData:any, handleChange: any, list:any, name:string, label: string, required: boolean, disabled: boolean) {
+	return (
+		<>
+			<div className="w-full pt-6">
+				<div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+				<label className="form-label flex items-center gap-1 max-w-56">{label}
+				<span className="text-red-600">{required?"*":""}</span></label>
+				<Select disabled={disabled} required={required} value={formData[name]} onValueChange={(e) => (handleChange({ target : { name, value: e }}))}>
+					<SelectTrigger>
+						<SelectValue placeholder={`Select ${label}`} />
+					</SelectTrigger>
+					<SelectContent>
+						{list.map((el: any, idx: any) => (
+							<SelectItem key={idx} value={el.id}>{el.name}</SelectItem>
+						))}
+					</SelectContent>
+				</Select>
+				</div>
+			</div>
+		</>
+	)
 }
\ No newline at end of file
diff --git a/src/pages/members/manage-members/blocks/DetailMember.tsx b/src/pages/members/manage-members/blocks/DetailMember.tsx
index e6ff19b..0389e8e 100644
--- a/src/pages/members/manage-members/blocks/DetailMember.tsx
+++ b/src/pages/members/manage-members/blocks/DetailMember.tsx
@@ -326,7 +326,6 @@ function generateInput(formData:any, handleChange:any, label:string, name:string
     )
 }
 
-// ON DEV (DI SELECT MASI HILANG)
 function generateList(formData:any, handleChange: any, list:any, name:string, label: string, required: boolean, disabled: boolean) {
     return (
         <>
@@ -350,7 +349,6 @@ function generateList(formData:any, handleChange: any, list:any, name:string, la
     )
 }
 
-// ON DEV (UPDATENYA)
 function generateImage(formData:any, handleChange:any, label:string, name:string, previewImg: any, setPreviewImg:any) {
     const imagePreview = (file:any) => {
         if (file && file.type && file.type.startsWith('image/')) {