fix deletion
This commit is contained in:
@ -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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -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/')) {
|
||||
|
||||
Reference in New Issue
Block a user