Fix: design and few function

This commit is contained in:
2025-11-27 18:13:06 +05:30
parent 7460157b46
commit c1d0519c09
25 changed files with 1446 additions and 395 deletions

View File

@@ -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}>