From 579f259582ad35e2f200bbedda66565bccd1195b Mon Sep 17 00:00:00 2001 From: Alihaghighattalab Date: Wed, 21 Aug 2024 12:11:52 +0330 Subject: [PATCH] edit background and icon for banks card - clear data after create or close create new bank modal --- public/svgs/banks/icons/khavar-mianeh.svg | 10 +++ public/svgs/banks/icons/maskan.svg | 10 +++ public/svgs/banks/icons/mehr.svg | 3 + public/svgs/banks/icons/melal.svg | 22 +++++++ public/svgs/banks/icons/melat.svg | 64 +++++++++++++++++++ public/svgs/banks/icons/meli.svg | 14 ++++ public/svgs/banks/icons/parsian.svg | 20 ++++++ public/svgs/banks/icons/pasargad.svg | 11 ++++ public/svgs/banks/icons/post-bank.svg | 10 +++ public/svgs/banks/icons/refah.svg | 10 +++ public/svgs/banks/icons/resalat.svg | 10 +++ public/svgs/banks/icons/saderat.svg | 10 +++ public/svgs/banks/icons/saman.svg | 12 ++++ public/svgs/banks/icons/sanat-madan.svg | 10 +++ public/svgs/banks/icons/sarmaye.svg | 11 ++++ public/svgs/banks/icons/sepah.svg | 11 ++++ public/svgs/banks/icons/sina.svg | 11 ++++ public/svgs/banks/icons/taavon.svg | 11 ++++ public/svgs/banks/icons/tejarat.svg | 10 +++ public/svgs/banks/icons/tsaderat.svg | 10 +++ public/svgs/banks/refah.svg | 10 +-- public/svgs/banks/sepah.svg | 11 ++++ public/svgs/banks/sina.svg | 11 ++++ src/components/common/input.tsx | 2 +- .../add-new-cart-dialog.tsx | 12 +++- src/utility/cart.tsx | 40 ++++++------ 26 files changed, 338 insertions(+), 28 deletions(-) create mode 100644 public/svgs/banks/icons/khavar-mianeh.svg create mode 100644 public/svgs/banks/icons/maskan.svg create mode 100644 public/svgs/banks/icons/mehr.svg create mode 100644 public/svgs/banks/icons/melal.svg create mode 100644 public/svgs/banks/icons/melat.svg create mode 100644 public/svgs/banks/icons/meli.svg create mode 100644 public/svgs/banks/icons/parsian.svg create mode 100644 public/svgs/banks/icons/pasargad.svg create mode 100644 public/svgs/banks/icons/post-bank.svg create mode 100644 public/svgs/banks/icons/refah.svg create mode 100644 public/svgs/banks/icons/resalat.svg create mode 100644 public/svgs/banks/icons/saderat.svg create mode 100644 public/svgs/banks/icons/saman.svg create mode 100644 public/svgs/banks/icons/sanat-madan.svg create mode 100644 public/svgs/banks/icons/sarmaye.svg create mode 100644 public/svgs/banks/icons/sepah.svg create mode 100644 public/svgs/banks/icons/sina.svg create mode 100644 public/svgs/banks/icons/taavon.svg create mode 100644 public/svgs/banks/icons/tejarat.svg create mode 100644 public/svgs/banks/icons/tsaderat.svg create mode 100644 public/svgs/banks/sepah.svg create mode 100644 public/svgs/banks/sina.svg diff --git a/public/svgs/banks/icons/khavar-mianeh.svg b/public/svgs/banks/icons/khavar-mianeh.svg new file mode 100644 index 0000000..646cdaf --- /dev/null +++ b/public/svgs/banks/icons/khavar-mianeh.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/banks/icons/maskan.svg b/public/svgs/banks/icons/maskan.svg new file mode 100644 index 0000000..9104410 --- /dev/null +++ b/public/svgs/banks/icons/maskan.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/banks/icons/mehr.svg b/public/svgs/banks/icons/mehr.svg new file mode 100644 index 0000000..a9c73b0 --- /dev/null +++ b/public/svgs/banks/icons/mehr.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svgs/banks/icons/melal.svg b/public/svgs/banks/icons/melal.svg new file mode 100644 index 0000000..40c5225 --- /dev/null +++ b/public/svgs/banks/icons/melal.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/svgs/banks/icons/melat.svg b/public/svgs/banks/icons/melat.svg new file mode 100644 index 0000000..033c289 --- /dev/null +++ b/public/svgs/banks/icons/melat.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/svgs/banks/icons/meli.svg b/public/svgs/banks/icons/meli.svg new file mode 100644 index 0000000..426ea76 --- /dev/null +++ b/public/svgs/banks/icons/meli.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/svgs/banks/icons/parsian.svg b/public/svgs/banks/icons/parsian.svg new file mode 100644 index 0000000..92793d6 --- /dev/null +++ b/public/svgs/banks/icons/parsian.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/public/svgs/banks/icons/pasargad.svg b/public/svgs/banks/icons/pasargad.svg new file mode 100644 index 0000000..5293f9c --- /dev/null +++ b/public/svgs/banks/icons/pasargad.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/svgs/banks/icons/post-bank.svg b/public/svgs/banks/icons/post-bank.svg new file mode 100644 index 0000000..4d69244 --- /dev/null +++ b/public/svgs/banks/icons/post-bank.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/banks/icons/refah.svg b/public/svgs/banks/icons/refah.svg new file mode 100644 index 0000000..64877a0 --- /dev/null +++ b/public/svgs/banks/icons/refah.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/banks/icons/resalat.svg b/public/svgs/banks/icons/resalat.svg new file mode 100644 index 0000000..c336ce6 --- /dev/null +++ b/public/svgs/banks/icons/resalat.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/banks/icons/saderat.svg b/public/svgs/banks/icons/saderat.svg new file mode 100644 index 0000000..a7f2408 --- /dev/null +++ b/public/svgs/banks/icons/saderat.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/banks/icons/saman.svg b/public/svgs/banks/icons/saman.svg new file mode 100644 index 0000000..e992e29 --- /dev/null +++ b/public/svgs/banks/icons/saman.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/svgs/banks/icons/sanat-madan.svg b/public/svgs/banks/icons/sanat-madan.svg new file mode 100644 index 0000000..205f060 --- /dev/null +++ b/public/svgs/banks/icons/sanat-madan.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/banks/icons/sarmaye.svg b/public/svgs/banks/icons/sarmaye.svg new file mode 100644 index 0000000..733afce --- /dev/null +++ b/public/svgs/banks/icons/sarmaye.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/svgs/banks/icons/sepah.svg b/public/svgs/banks/icons/sepah.svg new file mode 100644 index 0000000..bdf9e0b --- /dev/null +++ b/public/svgs/banks/icons/sepah.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/svgs/banks/icons/sina.svg b/public/svgs/banks/icons/sina.svg new file mode 100644 index 0000000..82dc09e --- /dev/null +++ b/public/svgs/banks/icons/sina.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/svgs/banks/icons/taavon.svg b/public/svgs/banks/icons/taavon.svg new file mode 100644 index 0000000..559f47a --- /dev/null +++ b/public/svgs/banks/icons/taavon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/svgs/banks/icons/tejarat.svg b/public/svgs/banks/icons/tejarat.svg new file mode 100644 index 0000000..7481ee9 --- /dev/null +++ b/public/svgs/banks/icons/tejarat.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/banks/icons/tsaderat.svg b/public/svgs/banks/icons/tsaderat.svg new file mode 100644 index 0000000..5b34858 --- /dev/null +++ b/public/svgs/banks/icons/tsaderat.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/banks/refah.svg b/public/svgs/banks/refah.svg index 3bcad38..7d733d8 100644 --- a/public/svgs/banks/refah.svg +++ b/public/svgs/banks/refah.svg @@ -1,10 +1,10 @@ - - - + + + - - + + diff --git a/public/svgs/banks/sepah.svg b/public/svgs/banks/sepah.svg new file mode 100644 index 0000000..53d6c5c --- /dev/null +++ b/public/svgs/banks/sepah.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/svgs/banks/sina.svg b/public/svgs/banks/sina.svg new file mode 100644 index 0000000..718338a --- /dev/null +++ b/public/svgs/banks/sina.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/common/input.tsx b/src/components/common/input.tsx index 662fe2f..a72584f 100644 --- a/src/components/common/input.tsx +++ b/src/components/common/input.tsx @@ -19,7 +19,7 @@ export const Input: FC = ({ placeholder, type = "text", icon, field, ref, return (
{type === "password" ? !hidden ? : diff --git a/src/components/management-bank-accounts/add-new-cart-dialog.tsx b/src/components/management-bank-accounts/add-new-cart-dialog.tsx index 7c4baf8..d57ffc7 100644 --- a/src/components/management-bank-accounts/add-new-cart-dialog.tsx +++ b/src/components/management-bank-accounts/add-new-cart-dialog.tsx @@ -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 = ({ isOpen, close }) => { const { mutate, isPending } = useMutation({ mutationFn: createNewCardMutation }) - const { handleSubmit, formState: { errors }, control } = useForm({ + const { handleSubmit, formState: { errors }, control, reset } = useForm({ resolver: yupResolver(AddNewCardSchema) }) const createNewCard: SubmitHandler = async (data) => { @@ -40,6 +40,14 @@ export const AddNewCardDialog: FC = ({ isOpen, close }) => { } }) } + useEffect(() => { + reset({ + name: "", + family: "", + IBAN: "", + PAN: "", + }) + }, [isOpen]) return ( }>
diff --git a/src/utility/cart.tsx b/src/utility/cart.tsx index 9a343ff..c00dd19 100644 --- a/src/utility/cart.tsx +++ b/src/utility/cart.tsx @@ -103,7 +103,7 @@ const banks: BanksInterface[] | [] = [ { name: "khavar_mianeh", name_farsi: "خاورمیانه", - icon: , + icon: khavar mianeh, iban_nbc: "078", pan_iin: [ "505809" @@ -112,7 +112,7 @@ const banks: BanksInterface[] | [] = [ { name: "maskan", name_farsi: "مسکن", - icon: , + icon: maskan, iban_nbc: "014", pan_iin: [ "628023" @@ -121,7 +121,7 @@ const banks: BanksInterface[] | [] = [ { name: "mehr_iran", name_farsi: "مهر ایران", - icon: , + icon: mehr, iban_nbc: "060", pan_iin: [ "606373" @@ -130,7 +130,7 @@ const banks: BanksInterface[] | [] = [ { name: "melall", name_farsi: "ملل", - icon: , + icon: melal, iban_nbc: "075", pan_iin: [ "606256" @@ -139,7 +139,7 @@ const banks: BanksInterface[] | [] = [ { name: "mellat", name_farsi: "ملت", - icon: , + icon: melat, iban_nbc: "012", pan_iin: [ "610433", @@ -149,7 +149,7 @@ const banks: BanksInterface[] | [] = [ { name: "melli", name_farsi: "ملی", - icon: , + icon: meli, iban_nbc: "017", pan_iin: [ "603799", @@ -160,7 +160,7 @@ const banks: BanksInterface[] | [] = [ { name: "parsian", name_farsi: "پارسیان", - icon: , + icon: parsian, iban_nbc: "054", pan_iin: [ "622106", @@ -170,7 +170,7 @@ const banks: BanksInterface[] | [] = [ { name: "pasargad", name_farsi: "پاسارگاد", - icon: , + icon: pasargad, iban_nbc: "057", pan_iin: [ "502229", @@ -180,7 +180,7 @@ const banks: BanksInterface[] | [] = [ { name: "postbank", name_farsi: "پست‌بانک", - icon: , + icon: post bank, iban_nbc: "021", pan_iin: [ "627760" @@ -189,7 +189,7 @@ const banks: BanksInterface[] | [] = [ { name: "refah", name_farsi: "رفاه", - icon: , + icon: refah, iban_nbc: "013", pan_iin: [ "589463" @@ -198,7 +198,7 @@ const banks: BanksInterface[] | [] = [ { name: "resalat", name_farsi: "رسالت", - icon: , + icon: resalat, iban_nbc: "070", pan_iin: [ "504172" @@ -207,7 +207,7 @@ const banks: BanksInterface[] | [] = [ { name: "saderat", name_farsi: "صادرات", - icon: , + icon: saderat, iban_nbc: "019", pan_iin: [ "603769" @@ -216,7 +216,7 @@ const banks: BanksInterface[] | [] = [ { name: "saman", name_farsi: "سامان", - icon: , + icon: saman, iban_nbc: "056", pan_iin: [ "621986" @@ -225,7 +225,7 @@ const banks: BanksInterface[] | [] = [ { name: "sanat_madan", name_farsi: "صنعت و معدن", - icon: , + icon: sanat madan, iban_nbc: "011", pan_iin: [ "627961" @@ -234,7 +234,7 @@ const banks: BanksInterface[] | [] = [ { name: "sarmayeh", name_farsi: "سرمایه", - icon: , + icon: sarmaye, iban_nbc: "058", pan_iin: [ "639607" @@ -243,7 +243,7 @@ const banks: BanksInterface[] | [] = [ { name: "sepah", name_farsi: "سپه", - icon: , + icon: sepah, iban_nbc: "015", pan_iin: [ "589210" @@ -262,7 +262,7 @@ const banks: BanksInterface[] | [] = [ { name: "sina", name_farsi: "سینا", - icon: , + icon: sina, iban_nbc: "059", pan_iin: [ "639346" @@ -271,7 +271,7 @@ const banks: BanksInterface[] | [] = [ { name: "tejarat", name_farsi: "تجارت", - icon: , + icon: tejarat, iban_nbc: "018", pan_iin: [ "585983", @@ -281,7 +281,7 @@ const banks: BanksInterface[] | [] = [ { name: "tosee_saderat", name_farsi: "توسعه صادرات", - icon: , + icon: tosee saderat, iban_nbc: "020", pan_iin: [ "207177", @@ -291,7 +291,7 @@ const banks: BanksInterface[] | [] = [ { name: "tosee_taavon", name_farsi: "توسعه تعاون", - icon: , + icon: tosee taavon, iban_nbc: "022", pan_iin: [ "502908"