danak/asan-installer-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit background and icon for banks card - clear data after create or close create new bank modal

Browse Source
This commit is contained in:
Alihaghighattalab
2024-08-21 12:11:52 +03:30
parent 387a94e918
commit 579f259582
26 changed files with 338 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/common/input.tsx
+1 -1
View File
@@ -19,7 +19,7 @@ export const Input: FC<Props> = ({ placeholder, type = "text", icon, field, ref,
return (
<div className={`relative w-full`}>
<div className={clsx("absolute top-[18.5px] left-5 grid h-5 w-5 place-items-center text-blue-gray-500", {
"top-[14.5px] left-7": placeholder === "شماره کارت" && field.value
"top-[20px] left-4": placeholder === "شماره کارت" && field.value
})}>
{type === "password" ?
!hidden ? <Eye size="23" color="#777577" onClick={handleHidden} /> : <EyeSlash size="23" color="#777577" onClick={handleHidden} />
src/components/management-bank-accounts/add-new-cart-dialog.tsx
+10 -2
View File
@@ -1,6 +1,6 @@
import { CardAdd } from "iconsax-react"
import { DialogComponent } from "../common/dialog"
import { FC } from "react"
import { FC, useEffect } from "react"
import { Input } from "../common/input"
import { Controller, SubmitHandler, useForm } from "react-hook-form"
import { AddNewCartInterface } from "../../types"
@@ -21,7 +21,7 @@ export const AddNewCardDialog: FC<Props> = ({ isOpen, close }) => {
const { mutate, isPending } = useMutation({
mutationFn: createNewCardMutation
})
const { handleSubmit, formState: { errors }, control } = useForm<AddNewCartInterface>({
const { handleSubmit, formState: { errors }, control, reset } = useForm<AddNewCartInterface>({
resolver: yupResolver(AddNewCardSchema)
})
const createNewCard: SubmitHandler<AddNewCartInterface> = async (data) => {
@@ -40,6 +40,14 @@ export const AddNewCardDialog: FC<Props> = ({ isOpen, close }) => {
}
})
}
useEffect(() => {
reset({
name: "",
family: "",
IBAN: "",
PAN: "",
})
}, [isOpen])
return (
<DialogComponent isOpen={isOpen} close={close} title="ایجاد حساب بانکی جدید" subTitle="لطفا اطلاعات را با دقت وارد نمایید" icon={<CardAdd color="#11212D" className="size-[50px]" />}>
<form onSubmit={handleSubmit(createNewCard)} className="flex flex-col gap-[42px] mt-9">
src/utility/cart.tsx
+20 -20
View File
@@ -103,7 +103,7 @@ const banks: BanksInterface[] | [] = [
{
name: "khavar_mianeh",
name_farsi: "خاورمیانه",
icon: <i className="ibl32 ibl-me" />,
icon: <img src="/svgs/banks/icons/khavar-mianeh.svg" alt="khavar mianeh" />,
iban_nbc: "078",
pan_iin: [
"505809"
@@ -112,7 +112,7 @@ const banks: BanksInterface[] | [] = [
{
name: "maskan",
name_farsi: "مسکن",
icon: <i className="ibl32 ibl-maskan" />,
icon: <img src="/svgs/banks/icons/maskan.svg" alt="maskan" />,
iban_nbc: "014",
pan_iin: [
"628023"
@@ -121,7 +121,7 @@ const banks: BanksInterface[] | [] = [
{
name: "mehr_iran",
name_farsi: "مهر ایران",
icon: <i className="ibl32 ibl-miran" />,
icon: <img src="/svgs/banks/icons/mehr.svg" alt="mehr" />,
iban_nbc: "060",
pan_iin: [
"606373"
@@ -130,7 +130,7 @@ const banks: BanksInterface[] | [] = [
{
name: "melall",
name_farsi: "ملل",
icon: <i className="ibl32 ibl-melal" />,
icon: <img src="/svgs/banks/icons/melal.svg" alt="melal" />,
iban_nbc: "075",
pan_iin: [
"606256"
@@ -139,7 +139,7 @@ const banks: BanksInterface[] | [] = [
{
name: "mellat",
name_farsi: "ملت",
icon: <i className="ibl32 ibl-mellat" />,
icon: <img src="/svgs/banks/icons/melat.svg" alt="melat" />,
iban_nbc: "012",
pan_iin: [
"610433",
@@ -149,7 +149,7 @@ const banks: BanksInterface[] | [] = [
{
name: "melli",
name_farsi: "ملی",
icon: <i className="ibl32 ibl-bmi" />,
icon: <img src="/svgs/banks/icons/meli.svg" alt="meli" />,
iban_nbc: "017",
pan_iin: [
"603799",
@@ -160,7 +160,7 @@ const banks: BanksInterface[] | [] = [
{
name: "parsian",
name_farsi: "پارسیان",
icon: <i className="ibl32 ibl-parsian" />,
icon: <img src="/svgs/banks/icons/parsian.svg" alt="parsian" />,
iban_nbc: "054",
pan_iin: [
"622106",
@@ -170,7 +170,7 @@ const banks: BanksInterface[] | [] = [
{
name: "pasargad",
name_farsi: "پاسارگاد",
icon: <i className="ibl32 ibl-bpi" />,
icon: <img src="/svgs/banks/icons/pasargad.svg" alt="pasargad" />,
iban_nbc: "057",
pan_iin: [
"502229",
@@ -180,7 +180,7 @@ const banks: BanksInterface[] | [] = [
{
name: "postbank",
name_farsi: "پست‌بانک",
icon: <i className="ibl32 ibl-post" />,
icon: <img src="/svgs/banks/icons/post-bank.svg" alt="post bank" />,
iban_nbc: "021",
pan_iin: [
"627760"
@@ -189,7 +189,7 @@ const banks: BanksInterface[] | [] = [
{
name: "refah",
name_farsi: "رفاه",
icon: <i className="ibl32 ibl-rb2" />,
icon: <img src="/svgs/banks/icons/refah.svg" alt="refah" />,
iban_nbc: "013",
pan_iin: [
"589463"
@@ -198,7 +198,7 @@ const banks: BanksInterface[] | [] = [
{
name: "resalat",
name_farsi: "رسالت",
icon: <i className="ibl32 ibl-resalat" />,
icon: <img src="/svgs/banks/icons/resalat.svg" alt="resalat" />,
iban_nbc: "070",
pan_iin: [
"504172"
@@ -207,7 +207,7 @@ const banks: BanksInterface[] | [] = [
{
name: "saderat",
name_farsi: "صادرات",
icon: <i className="ibl32 ibl-bsi" />,
icon: <img src="/svgs/banks/icons/saderat.svg" alt="saderat" />,
iban_nbc: "019",
pan_iin: [
"603769"
@@ -216,7 +216,7 @@ const banks: BanksInterface[] | [] = [
{
name: "saman",
name_farsi: "سامان",
icon: <i className="ibl32 ibl-sb" />,
icon: <img src="/svgs/banks/icons/saman.svg" alt="saman" />,
iban_nbc: "056",
pan_iin: [
"621986"
@@ -225,7 +225,7 @@ const banks: BanksInterface[] | [] = [
{
name: "sanat_madan",
name_farsi: "صنعت و معدن",
icon: <i className="ibl32 ibl-bim" />,
icon: <img src="/svgs/banks/icons/sanat-madan.svg" alt="sanat madan" />,
iban_nbc: "011",
pan_iin: [
"627961"
@@ -234,7 +234,7 @@ const banks: BanksInterface[] | [] = [
{
name: "sarmayeh",
name_farsi: "سرمایه",
icon: <i className="ibl32 ibl-sarmayeh" />,
icon: <img src="/svgs/banks/icons/sarmaye.svg" alt="sarmaye" />,
iban_nbc: "058",
pan_iin: [
"639607"
@@ -243,7 +243,7 @@ const banks: BanksInterface[] | [] = [
{
name: "sepah",
name_farsi: "سپه",
icon: <i className="ibl32 ibl-sepah" />,
icon: <img src="/svgs/banks/icons/sepah.svg" alt="sepah" />,
iban_nbc: "015",
pan_iin: [
"589210"
@@ -262,7 +262,7 @@ const banks: BanksInterface[] | [] = [
{
name: "sina",
name_farsi: "سینا",
icon: <i className="ibl32 ibl-sina" />,
icon: <img src="/svgs/banks/icons/sina.svg" alt="sina" />,
iban_nbc: "059",
pan_iin: [
"639346"
@@ -271,7 +271,7 @@ const banks: BanksInterface[] | [] = [
{
name: "tejarat",
name_farsi: "تجارت",
icon: <i className="ibl32 ibl-tejarat" />,
icon: <img src="/svgs/banks/icons/tejarat.svg" alt="tejarat" />,
iban_nbc: "018",
pan_iin: [
"585983",
@@ -281,7 +281,7 @@ const banks: BanksInterface[] | [] = [
{
name: "tosee_saderat",
name_farsi: "توسعه صادرات",
icon: <i className="ibl32 ibl-edbi" />,
icon: <img src="/svgs/banks/icons/tsaderat.svg" alt="tosee saderat" />,
iban_nbc: "020",
pan_iin: [
"207177",
@@ -291,7 +291,7 @@ const banks: BanksInterface[] | [] = [
{
name: "tosee_taavon",
name_farsi: "توسعه تعاون",
icon: <i className="ibl32 ibl-tt" />,
icon: <img src="/svgs/banks/icons/taavon.svg" alt="tosee taavon" />,
iban_nbc: "022",
pan_iin: [
"502908"