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

refactor: update ResendTransaction component and remove unused dialog handling

Browse Source
This commit is contained in:
ardiola
2025-04-22 01:15:39 +07:00
parent dc4f33ffcd
commit 31a6d3d795
4 changed files with 82 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/pages/transaction/history-transaction/hooks/TransactionContext.tsx
View File

@ -2,16 +2,11 @@ import { DataGridColumnHeader, DataGridProvider, KeenIcon } from '@/components';
import { Toaster } from '@/components/ui/sonner';
import { apiConfig } from '@/config/api.config';
import { ColumnDef } from '@tanstack/react-table';
import axios from 'axios';
import React, { createContext, useCallback, useEffect, useMemo, useState } from 'react';
import React, { createContext, useCallback, useMemo, useState } from 'react';
import { useCallApi } from '@/hooks';
import ListToolbar from '../blocks/ListToolbar';
import { Button } from '@/components/ui/button';
import { useNavigate } from 'react-router';
import DetailTransaction from '../blocks/DetailTransaction';
import { log } from 'console';
import ResendTransaction from '../blocks/ResendTransaction';
import { comment } from 'stylis';
interface TransactionProps {
id: number;
@ -31,9 +26,6 @@ interface ContextProps {
setShowDetailDialog: React.Dispatch<React.SetStateAction<boolean>>;
selectedTransactionId: number | null;
setSelectedTransactionId: React.Dispatch<React.SetStateAction<number | null>>;
showResendDialog: boolean;
handleResendDialog: (show: boolean, selected_transaction: string | null) => void;
selectedTransactionForResend: string | null;
}
const initialProps: ContextProps = {
@ -41,10 +33,7 @@ const initialProps: ContextProps = {
showDetailDialog: false,
setShowDetailDialog: () => { },
selectedTransactionId: null,
setSelectedTransactionId: () => { },
showResendDialog: false,
handleResendDialog: (show: boolean, selected_transaction: string | null) => { },
selectedTransactionForResend: null
setSelectedTransactionId: () => { }
};
const ManageTransactionContext = createContext<ContextProps>(initialProps);
@ -59,13 +48,6 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
const handleNavigate = (path: string) => {
const url = navigate(`${API_URL}/transaction/history/${path}`);
};
const [showResendDialog, setShowResendDialog] = useState(false);
const [selectedTransactionForResend, setSelectedTransactionForResend] = useState<string | null>(null);
const handleResendDialog = useCallback((show: boolean, selected_transaction: string | null) => {
setSelectedTransactionForResend(show ? selected_transaction : null);
setShowResendDialog(show);
}, []);
const columns = useMemo<ColumnDef<any>[]>(
@ -217,18 +199,6 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
>
<KeenIcon icon="eye" />
</button>
{/* add new button for resend transaction failed */}
{isVisible &&
<button
className="btn btn-sm btn-icon btn-clear btn-light"
title="Retry Transaction"
onClick={() => {
handleResendDialog(true, row.id);
}}
>
<KeenIcon icon="abstract-37" />
</button>
}
</div>
);
},
@ -238,7 +208,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
}
}
],
[handleResendDialog]);
[]);
const getTransactionLists = async (page: number, limit: number, sorting: any, filter: any) => {
try {
@ -314,10 +284,7 @@ const TransactionProvider = ({ children }: { children: React.ReactNode }) => {
showDetailDialog,
setShowDetailDialog,
selectedTransactionId,
setSelectedTransactionId,
showResendDialog,
handleResendDialog,
selectedTransactionForResend
setSelectedTransactionId
}}
>
<Toaster expand visibleToasts={9} duration={3000} />