Fix: design and few function
This commit is contained in:
@@ -165,7 +165,7 @@ export default function ViewBeneficiary() {
|
||||
method: "GET",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
"X-Login-Type": "IB",
|
||||
"X-Login-Type": "IB",
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
});
|
||||
@@ -216,23 +216,42 @@ export default function ViewBeneficiary() {
|
||||
|
||||
return (
|
||||
<Paper shadow="sm" radius="md" p="md" withBorder h={400}>
|
||||
<Title order={3} mb="md">My Beneficiaries</Title>
|
||||
<Group justify="space-between" align="center" mb="md" wrap="wrap">
|
||||
<Title order={3}>My Beneficiaries</Title>
|
||||
|
||||
<Button
|
||||
color="green"
|
||||
variant="filled"
|
||||
size="sm"
|
||||
component="a"
|
||||
href="/beneficiary"
|
||||
style={{ minWidth: "150px" }}
|
||||
>
|
||||
+ Add Beneficiary
|
||||
</Button>
|
||||
</Group>
|
||||
|
||||
{beneficiaries.length === 0 ? (
|
||||
<Text>No beneficiaries found.</Text>
|
||||
) : (
|
||||
<>
|
||||
<ScrollArea h={300} type="always">
|
||||
<Table highlightOnHover withTableBorder stickyHeader style={{ borderCollapse: "collapse", width: "100%" }}>
|
||||
<Table.Thead>
|
||||
<Table.Tr style={{ backgroundColor: "#3385ff" }}>
|
||||
<Table.Th>Bank</Table.Th>
|
||||
<thead style={{
|
||||
background: "linear-gradient(56deg, rgba(24,140,186,1) 0%, rgba(62,230,132,1) 86%)",
|
||||
position: "sticky",
|
||||
top: 0,
|
||||
zIndex: 5,
|
||||
}}>
|
||||
<tr>
|
||||
<Table.Th >Bank</Table.Th>
|
||||
<Table.Th style={{ textAlign: "right" }}>Account No</Table.Th>
|
||||
<Table.Th>Name</Table.Th>
|
||||
<Table.Th>Type</Table.Th>
|
||||
<Table.Th >Name</Table.Th>
|
||||
<Table.Th >Type</Table.Th>
|
||||
<Table.Th style={{ textAlign: "center" }}>IFSC</Table.Th>
|
||||
<Table.Th style={{ textAlign: "center" }}>Action Icon</Table.Th>
|
||||
</Table.Tr>
|
||||
</Table.Thead>
|
||||
</tr>
|
||||
</thead>
|
||||
<Table.Tbody>
|
||||
{beneficiaries.map((b, i) => (
|
||||
<Table.Tr key={i}>
|
||||
|
||||
Reference in New Issue
Block a user