diff --git a/src/app/(main)/funds_transfer/page.tsx b/src/app/(main)/funds_transfer/page.tsx index 10bddfc..f23ff1e 100644 --- a/src/app/(main)/funds_transfer/page.tsx +++ b/src/app/(main)/funds_transfer/page.tsx @@ -7,6 +7,8 @@ import { useRouter } from "next/navigation"; import { generateOTP } from '@/app/OTPGenerator'; import OutsideQuickPay from "./outside_quick_pay"; import { IconRefresh } from "@tabler/icons-react"; +import Image from "next/image"; +import img from '@/app/image/logo1.jpg' interface accountData { stAccountNo: string; @@ -305,6 +307,17 @@ export default function QuickPay() { centered > + KCC Bank Logo Confirm Transaction Debit Account: {selectedAccNo} Payee Account: {beneficiaryAcc} diff --git a/src/app/(main)/funds_transfer/send_beneficiary/page.tsx b/src/app/(main)/funds_transfer/send_beneficiary/page.tsx index d0952ca..64c318e 100644 --- a/src/app/(main)/funds_transfer/send_beneficiary/page.tsx +++ b/src/app/(main)/funds_transfer/send_beneficiary/page.tsx @@ -1,12 +1,13 @@ "use client"; import React, { useEffect, useRef, useState } from "react"; -import { Button, Group, Modal, Paper, Radio, ScrollArea, Select, Stack, Text, TextInput, Title } from "@mantine/core"; +import { Button, Center, Group, Modal, Paper, Radio, ScrollArea, Select, Stack, Text, TextInput, Title, Box } from "@mantine/core"; import { notifications } from "@mantine/notifications"; import { useRouter } from "next/navigation"; import { generateOTP } from '@/app/OTPGenerator'; import SendToBeneficiaryOthers from "./sendBeneficiaryOthers"; - +import Image from "next/image"; +import img from '@/app/image/logo1.jpg'; interface accountData { stAccountNo: string; @@ -271,8 +272,23 @@ export default function SendToBeneficiaryOwn() { onClose={() => setConfirmModel(false)} // title="Confirm Transaction" centered + > - + + {/*
*/} + KCC Bank Logo + {/*
*/} + Confirm Transaction Debit Account: {selectedAccNo} Beneficiary Account: {beneficiaryAcc} @@ -301,6 +317,9 @@ export default function SendToBeneficiaryOwn() { + + + {/* main content */} diff --git a/src/app/(main)/funds_transfer/send_beneficiary/sendBeneficiaryOthers.tsx b/src/app/(main)/funds_transfer/send_beneficiary/sendBeneficiaryOthers.tsx index a0dd871..1c10886 100644 --- a/src/app/(main)/funds_transfer/send_beneficiary/sendBeneficiaryOthers.tsx +++ b/src/app/(main)/funds_transfer/send_beneficiary/sendBeneficiaryOthers.tsx @@ -1,11 +1,14 @@ "use client"; import React, { useEffect, useRef, useState } from "react"; -import { Button, Divider, Group, List, Modal, Paper, Radio, ScrollArea, Select, Stack, Text, TextInput, ThemeIcon, Title } from "@mantine/core"; +import { Button, Center, Divider, Group, List, Modal, Paper, Radio, ScrollArea, Select, Stack, Text, TextInput, ThemeIcon, Title } from "@mantine/core"; import { notifications } from "@mantine/notifications"; import { useRouter } from "next/navigation"; import { generateOTP } from '@/app/OTPGenerator'; import { IconAlertTriangle } from "@tabler/icons-react"; +import Image from "next/image"; +import img from '@/app/image/logo1.jpg' + interface accountData { stAccountNo: string; @@ -298,7 +301,7 @@ export default function SendToBeneficiaryOthers() { return ( <> - <Modal + {/* <Modal opened={showIntroModal} onClose={() => setShowIntroModal(false)} centered @@ -343,6 +346,88 @@ export default function SendToBeneficiaryOthers() { <Text size="xs" c="blue"> • Available Transfer Amount on this Day is Rs. 500000.00 </Text> + <Group justify="flex-end" mt="md"> + <Button color="blue" onClick={() => setShowIntroModal(false)}> + Okay + </Button> + </Group> + </Stack> + </Modal> */} + + <Modal + opened={showIntroModal} + onClose={() => setShowIntroModal(false)} + centered + withCloseButton={false} // force them to press OK + > + <Stack gap={1}> + + <Center> + <Image + src={img} + alt="KCC Bank Logo" + width={100} + height={100} + style={{ border: "2px solid black" }} + /> + </Center> + + + + <Title order={4} style={{ textAlign: "center" }}> + Important Note + + + + • IMPS is available 24X7. Limit: up to ₹5,00,000. + Money is transfer instantly. + + + • NEFT is available 24x7. Can be used for any amount + but not instant. + + + • RTGS is for ₹2,00,000 and above. Available during + banking hours. As per directions of RBI, RTGS transactions are + subjected to the following Time Varying Tariff in + addition to the existing RTGS Commission. The tariff + will be calculated based on the time of completion of transaction. + + + + + + } + > + + From 09:00 hrs to 12:00 hrs →{" "} + ₹0.00 + + + After 12:00 hrs up to 15:30 hrs →{" "} + ₹1.00 + + + After 15:30 hrs₹5.00 + + + + + + + • Minimum Transfer Amount on this Day is Rs. 1.00 + + + • Maximum Transfer Limit per Day is Rs. 500000.00 + + + • Available Transfer Amount on this Day is Rs. 500000.00 + +