TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing

Browse Source
This commit is contained in:
Narul Hidayah
2025-04-16 01:50:45 +07:00
parent c11662e127
commit d422c05894
6 changed files with 2 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/members/kyc-delete-member/ManageKycDeletion.tsx
View File

@ -1,5 +1,5 @@
import { Container, DataGridInner } from '@/components'; import { Container, DataGridInner } from '@/components';
import { ManageKycDeletionContextProvider } from './hooks/ManageKycDeletionContext'; import { ManageKycDeletionContextProvider } from './hooks';
import { Breadcrumbs, Link } from '@mui/material'; import { Breadcrumbs, Link } from '@mui/material';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';

105
src/pages/transaction/disbursement-saldo/blocks/DetailDialog.tsx
View File

@ -1,105 +0,0 @@
import {
Dialog,
DialogBody,
DialogContent,
DialogHeader,
DialogTitle
} from '@/components/ui/dialog';
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';
const API_URL = apiConfig.service_customer;
const DetailDialog = () => {
const { showDetailDialog, setShowDetailDialog, detailKyc, handleApproveReject } = useManageKycDeletionContext();
const { reload } = useDataGrid();
return (
<Dialog open={showDetailDialog} onOpenChange={setShowDetailDialog}>
<DialogContent className="container-fixed max-w-[1024px] flex flex-col p-5 overflow-hidden max-h-[90vh] overflow-y-auto">
<DialogHeader>
<DialogTitle>Customer Deletion Details </DialogTitle>
</DialogHeader>
<DialogBody>
{/* Tab Content */}
{detailKyc && detailKyc != null ? (
<div className="flex flex-col">
{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)}
{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, 'Status Approval', 'status_approve', 'text', false, true)}
<div className="flex justify-end gap-2 mt-3">
<Button type="button" variant="outline" onClick={() => setShowDetailDialog(false)}>Cancel</Button>
<Button onClick={async() => {
await handleApproveReject(detailKyc.id, 'N')
reload()
}} variant="destructive" color="warning">Reject</Button>
<Button onClick={async() => {
await handleApproveReject(detailKyc.id, 'Y')
reload()
}} variant="default" color="primary">Approve</Button>
</div>
</div>
) : (<div></div>)}
</DialogBody>
</DialogContent>
</Dialog>
);
};
export default DetailDialog;
function generateInput(formData: any, handleChange: any, label: string, name: string, type: string, required: boolean, disabled: boolean) {
function generateDate(isoString: string) {
return isoString.slice(0, 10); // "2000-01-18"
}
type Code = 'W' | 'Y' | 'N' | 'T' | 'P' | 'D' | 'L';
interface Reason {
label: string;
}
const statusMap: Record<Code, Reason> = {
W: { label: 'Waiting Approval' },
Y: { label: 'Approve' },
N: { label: 'Reject' },
T: { label: 'Tidak lagi menggunakan layanan' },
P: { label: 'Privasi dan keamanan' },
D: { label: 'Akun ganda' },
L: { label: 'Lainnya' }
};
if (name == 'reason_deletion' || name == 'status_approve') {
const status = formData[name] as Code
const fixStatus = statusMap[status] ?? { label: formData[name] }
formData[name] = fixStatus.label
}
return (
<>
<div className="w-full mt-5">
<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-500">{required ? "*" : ""}</span>
</label>
<Input
className="input"
readOnly={disabled}
required={required}
type={type}
name={name}
value={formData[name] ? (type === 'date' ? generateDate(formData[name]) : formData[name]) : ""}
onChange={handleChange}
/>
</div>
</div>
</>
)
}

1
src/pages/transaction/disbursement-saldo/hooks/TransactionDisbursementContext.tsx
View File

@ -7,7 +7,6 @@ import { createContext, useCallback, useMemo, useState } from 'react';
import ListToolbar from '../blocks/ListToolbar'; import ListToolbar from '../blocks/ListToolbar';
import { useCallApi } from '@/hooks'; import { useCallApi } from '@/hooks';
import moment from 'moment'; import moment from 'moment';
import DetailDialog from '../blocks/DetailDialog';
interface TransactionDisbursementProps { interface TransactionDisbursementProps {
id: string; id: string;

2
src/pages/transaction/disbursement-saldo/hooks/index.tsx
View File

@ -1,2 +1,2 @@
export * from './TransactionDisbursementContext'; export * from './TransactionDisbursementContext';
export * from './useTransactionTopupContext'; export * from './useTransactionDisbursementContext';

105
src/pages/transaction/topup/blocks/DetailDialog.tsx
View File

@ -1,105 +0,0 @@
import {
Dialog,
DialogBody,
DialogContent,
DialogHeader,
DialogTitle
} from '@/components/ui/dialog';
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';
const API_URL = apiConfig.service_customer;
const DetailDialog = () => {
const { showDetailDialog, setShowDetailDialog, detailKyc, handleApproveReject } = useManageKycDeletionContext();
const { reload } = useDataGrid();
return (
<Dialog open={showDetailDialog} onOpenChange={setShowDetailDialog}>
<DialogContent className="container-fixed max-w-[1024px] flex flex-col p-5 overflow-hidden max-h-[90vh] overflow-y-auto">
<DialogHeader>
<DialogTitle>Customer Deletion Details </DialogTitle>
</DialogHeader>
<DialogBody>
{/* Tab Content */}
{detailKyc && detailKyc != null ? (
<div className="flex flex-col">
{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)}
{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, 'Status Approval', 'status_approve', 'text', false, true)}
<div className="flex justify-end gap-2 mt-3">
<Button type="button" variant="outline" onClick={() => setShowDetailDialog(false)}>Cancel</Button>
<Button onClick={async() => {
await handleApproveReject(detailKyc.id, 'N')
reload()
}} variant="destructive" color="warning">Reject</Button>
<Button onClick={async() => {
await handleApproveReject(detailKyc.id, 'Y')
reload()
}} variant="default" color="primary">Approve</Button>
</div>
</div>
) : (<div></div>)}
</DialogBody>
</DialogContent>
</Dialog>
);
};
export default DetailDialog;
function generateInput(formData: any, handleChange: any, label: string, name: string, type: string, required: boolean, disabled: boolean) {
function generateDate(isoString: string) {
return isoString.slice(0, 10); // "2000-01-18"
}
type Code = 'W' | 'Y' | 'N' | 'T' | 'P' | 'D' | 'L';
interface Reason {
label: string;
}
const statusMap: Record<Code, Reason> = {
W: { label: 'Waiting Approval' },
Y: { label: 'Approve' },
N: { label: 'Reject' },
T: { label: 'Tidak lagi menggunakan layanan' },
P: { label: 'Privasi dan keamanan' },
D: { label: 'Akun ganda' },
L: { label: 'Lainnya' }
};
if (name == 'reason_deletion' || name == 'status_approve') {
const status = formData[name] as Code
const fixStatus = statusMap[status] ?? { label: formData[name] }
formData[name] = fixStatus.label
}
return (
<>
<div className="w-full mt-5">
<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-500">{required ? "*" : ""}</span>
</label>
<Input
className="input"
readOnly={disabled}
required={required}
type={type}
name={name}
value={formData[name] ? (type === 'date' ? generateDate(formData[name]) : formData[name]) : ""}
onChange={handleChange}
/>
</div>
</div>
</>
)
}

1
src/pages/transaction/topup/hooks/TransactionTopupContext.tsx
View File

@ -7,7 +7,6 @@ import { createContext, useCallback, useMemo, useState } from 'react';
import ListToolbar from '../blocks/ListToolbar'; import ListToolbar from '../blocks/ListToolbar';
import { useCallApi } from '@/hooks'; import { useCallApi } from '@/hooks';
import moment from 'moment'; import moment from 'moment';
import DetailDialog from '../blocks/DetailDialog';
interface TransactionTopupProps { interface TransactionTopupProps {
id: string; id: string;