38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import { Container, DataGridInner } from '@/components';
|
|
import { TransactionProvider } from './hooks/TransactionContext';
|
|
import { Breadcrumbs, Link } from '@mui/material';
|
|
import { Helmet } from 'react-helmet';
|
|
|
|
const Transaction = () => {
|
|
return (
|
|
<>
|
|
<Helmet>
|
|
<title>TPAY | History Transaction</title>
|
|
</Helmet>
|
|
<TransactionProvider>
|
|
<Container className="mb-7">
|
|
<h1 className="text-xl font-medium leading-none text-gray-900 mb-5">TRANSACTION</h1>
|
|
<Breadcrumbs sx={{ mb: 2 }}>
|
|
<Link underline="none" color="inherit" href="/">
|
|
<span className="text-sm hover:underline">Dashboard</span>
|
|
</Link>
|
|
|
|
<Link underline="none" color="inherit">
|
|
<span className="text-sm">Transaction</span>
|
|
</Link>
|
|
|
|
<Link underline="none" color="inherit">
|
|
<span className="text-sm">History Transaction</span>
|
|
</Link>
|
|
</Breadcrumbs>
|
|
<div className="grid gap-5 lg:gap-7.5">
|
|
<DataGridInner />
|
|
</div>
|
|
</Container>
|
|
</TransactionProvider>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Transaction;
|