feat : APi integrated foe change password and change trans password

feat: Change the UI design
This commit is contained in:
2025-09-03 12:45:00 +05:30
parent e531523538
commit 5c194a24d0
6 changed files with 53 additions and 48 deletions

View File

@@ -2,7 +2,7 @@
import React, { useEffect, useState } from 'react';
import { Button, Input, Group, Stack, Text, Title, Box, Select, Paper, Switch } from '@mantine/core';
import { IconBuildingBank, IconEye } from '@tabler/icons-react';
import { IconBuildingBank, IconEye, IconLink } from '@tabler/icons-react';
import { useRouter } from "next/navigation";
import { Providers } from "../../providers";
import { notifications } from '@mantine/notifications';
@@ -192,7 +192,7 @@ export default function Home() {
{/* Important Links Card */}
<Paper p="md" radius="md" style={{ width: 300, backgroundColor: '#FFFFFF', marginLeft: '130px', border: '1px solid grey' }}>
<Title order={5} mb="sm">Quick Links</Title>
<Title order={5} mb="sm">Quick Links </Title>
<Stack gap="xs">
<Button variant="light" color="blue" fullWidth>Loan EMI Calculator</Button>
<Button variant="light" color="blue" fullWidth>Branch Locator</Button>
@@ -202,30 +202,11 @@ export default function Home() {
</Paper>
</Group>
</div>
{/* Send Money Section */}
<div style={{ padding: "20px", display: "flex", justifyContent: "left" }}>
{/* <Box>
<Title order={4}>Send Money</Title>
<Group mt="sm">
<Select
placeholder="Own / Other Accounts"
data={[{ value: 'own', label: 'Own' }, { value: 'other', label: 'Other' }]}
style={{ width: 180 }}
/>
<Select
placeholder="Select Account"
data={[{ value: 'acc1', label: 'Account 1' }, { value: 'acc2', label: 'Account 2' }]}
style={{ width: 180 }}
/>
<Input placeholder="₹0.00" style={{ width: 100 }} />
<Button>Proceed</Button>
</Group>
</Box> */}
<Stack>
<Text fw={700}> ** Book Balance includes uncleared effect.</Text>
<Text fw={700}> ** Click on the &quot;Show Balance&quot;to display balance for the Deposit and Loan account.</Text>
{/* <Text fw={700}> ** Click on the "Get Statement" to display last 5 transactions.</Text> */}
<Text fw={400} c="red"> ** Your Password will expire in 85 days.</Text>
<Text></Text>
</Stack>
</div>