diff --git a/src/pages/members/kyc-delete-member/ManageKycDeletion.tsx b/src/pages/members/kyc-delete-member/ManageKycDeletion.tsx
index 0d5962e..8a175b7 100644
--- a/src/pages/members/kyc-delete-member/ManageKycDeletion.tsx
+++ b/src/pages/members/kyc-delete-member/ManageKycDeletion.tsx
@@ -1,5 +1,5 @@
 import { Container, DataGridInner } from '@/components';
-import { ManageKycDeletionContextProvider } from './hooks/ManageKycDeletionContext';
+import { ManageKycDeletionContextProvider } from './hooks';
 import { Breadcrumbs, Link } from '@mui/material';
 import { Helmet } from 'react-helmet';
 
diff --git a/src/pages/transaction/disbursement-saldo/blocks/DetailDialog.tsx b/src/pages/transaction/disbursement-saldo/blocks/DetailDialog.tsx
deleted file mode 100644
index 8b1ca90..0000000
--- a/src/pages/transaction/disbursement-saldo/blocks/DetailDialog.tsx
+++ /dev/null
@@ -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>
-		</>
-	)
-}
\ No newline at end of file
diff --git a/src/pages/transaction/disbursement-saldo/hooks/TransactionDisbursementContext.tsx b/src/pages/transaction/disbursement-saldo/hooks/TransactionDisbursementContext.tsx
index a3366be..7fc3604 100644
--- a/src/pages/transaction/disbursement-saldo/hooks/TransactionDisbursementContext.tsx
+++ b/src/pages/transaction/disbursement-saldo/hooks/TransactionDisbursementContext.tsx
@@ -7,7 +7,6 @@ import { createContext, useCallback, useMemo, useState } from 'react';
 import ListToolbar from '../blocks/ListToolbar';
 import { useCallApi } from '@/hooks';
 import moment from 'moment';
-import DetailDialog from '../blocks/DetailDialog';
 
 interface TransactionDisbursementProps {
   id: string;
diff --git a/src/pages/transaction/disbursement-saldo/hooks/index.tsx b/src/pages/transaction/disbursement-saldo/hooks/index.tsx
index 2def845..b3acae0 100644
--- a/src/pages/transaction/disbursement-saldo/hooks/index.tsx
+++ b/src/pages/transaction/disbursement-saldo/hooks/index.tsx
@@ -1,2 +1,2 @@
 export * from './TransactionDisbursementContext';
-export * from './useTransactionTopupContext';
+export * from './useTransactionDisbursementContext';
diff --git a/src/pages/transaction/topup/blocks/DetailDialog.tsx b/src/pages/transaction/topup/blocks/DetailDialog.tsx
deleted file mode 100644
index 8b1ca90..0000000
--- a/src/pages/transaction/topup/blocks/DetailDialog.tsx
+++ /dev/null
@@ -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>
-		</>
-	)
-}
\ No newline at end of file
diff --git a/src/pages/transaction/topup/hooks/TransactionTopupContext.tsx b/src/pages/transaction/topup/hooks/TransactionTopupContext.tsx
index ffe6337..14cccdb 100644
--- a/src/pages/transaction/topup/hooks/TransactionTopupContext.tsx
+++ b/src/pages/transaction/topup/hooks/TransactionTopupContext.tsx
@@ -7,7 +7,6 @@ import { createContext, useCallback, useMemo, useState } from 'react';
 import ListToolbar from '../blocks/ListToolbar';
 import { useCallApi } from '@/hooks';
 import moment from 'moment';
-import DetailDialog from '../blocks/DetailDialog';
 
 interface TransactionTopupProps {
   id: string;