From 81e07a5f436edf5e8638e679169580428f2e40f7 Mon Sep 17 00:00:00 2001 From: Ehsan Date: Thu, 10 Oct 2024 03:21:31 +0330 Subject: [PATCH] modal add card in page bank-account --- .../panel => app/component}/ContentText.js | 0 app/component/EditField.js | 3 +- .../generalInformation/form/FieldDate.js | 2 +- .../listMenu/generalInformation/form/Form.js | 2 +- .../listMenu/officeInformation/Form.js | 2 +- .../addDoctor/listMenu/specialDays/Form.js | 2 +- .../panel/addDoctor/listMenu/turns/Form.js | 2 +- .../listMenu/workingDays/modal/Form.js | 2 +- .../panel/userAccount/account/form/index.js | 2 +- .../panel/userAccount/bank/head/index.js | 2 +- .../panel/userAccount/bank/head/modal/Form.js | 49 +++++++++++++++++++ .../bank/head/{ => modal}/ModalAddCard.js | 12 ++++- 12 files changed, 70 insertions(+), 10 deletions(-) rename {components/panel => app/component}/ContentText.js (100%) create mode 100644 components/panel/userAccount/bank/head/modal/Form.js rename components/panel/userAccount/bank/head/{ => modal}/ModalAddCard.js (87%) diff --git a/components/panel/ContentText.js b/app/component/ContentText.js similarity index 100% rename from components/panel/ContentText.js rename to app/component/ContentText.js diff --git a/app/component/EditField.js b/app/component/EditField.js index 83c34d2..85016ca 100644 --- a/app/component/EditField.js +++ b/app/component/EditField.js @@ -11,6 +11,7 @@ function EditField({ name, iconGray, isTransparent, + noDisable, }) { return (
@@ -18,7 +19,7 @@ function EditField({ value={data?.value} rows={multiline} multiline={multiline} - disabled={!data?.isEdit} + disabled={noDisable ? false : !data?.isEdit} placeholder={placeholder || ""} type="text" className={`!w-full res-field-account dark:!bg-transparent ${ diff --git a/components/panel/addDoctor/listMenu/generalInformation/form/FieldDate.js b/components/panel/addDoctor/listMenu/generalInformation/form/FieldDate.js index bb00ab9..ca552ac 100644 --- a/components/panel/addDoctor/listMenu/generalInformation/form/FieldDate.js +++ b/components/panel/addDoctor/listMenu/generalInformation/form/FieldDate.js @@ -4,7 +4,7 @@ import { convertToJalali } from "@/helper"; import EditField from "@/app/component/EditField"; import ButtonDate from "@/app/component/ButtonDate"; import CalendarPD from "@/components/icons/CalendarPD"; -import ContentText from "@/components/panel/ContentText"; +import ContentText from "@/app/component/ContentText"; function FieldDate({ changeListData, data }) { const [anchorEl, setAnchorEl] = useState(null); diff --git a/components/panel/addDoctor/listMenu/generalInformation/form/Form.js b/components/panel/addDoctor/listMenu/generalInformation/form/Form.js index 8ff2192..24ff005 100644 --- a/components/panel/addDoctor/listMenu/generalInformation/form/Form.js +++ b/components/panel/addDoctor/listMenu/generalInformation/form/Form.js @@ -1,5 +1,5 @@ import { useState } from "react"; -import ContentText from "@/components/panel/ContentText"; +import ContentText from "@/app/component/ContentText"; import EditField from "@/app/component/EditField"; import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; import { degree } from "./listSelector"; diff --git a/components/panel/addDoctor/listMenu/officeInformation/Form.js b/components/panel/addDoctor/listMenu/officeInformation/Form.js index 2c24d01..c59cb86 100644 --- a/components/panel/addDoctor/listMenu/officeInformation/Form.js +++ b/components/panel/addDoctor/listMenu/officeInformation/Form.js @@ -4,7 +4,7 @@ import { useState } from "react"; import { city, state } from "./listSelector"; import EditField from "@/app/component/EditField"; -import ContentText from "@/components/panel/ContentText"; +import ContentText from "@/app/component/ContentText"; import AddLocationP from "@/components/icons/AddLocationP"; import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; diff --git a/components/panel/addDoctor/listMenu/specialDays/Form.js b/components/panel/addDoctor/listMenu/specialDays/Form.js index a23c83c..3062533 100644 --- a/components/panel/addDoctor/listMenu/specialDays/Form.js +++ b/components/panel/addDoctor/listMenu/specialDays/Form.js @@ -1,7 +1,7 @@ import { useState } from "react"; import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; -import ContentText from "@/components/panel/ContentText"; +import ContentText from "@/app/component/ContentText"; import { dayOfWeek, timeEachTurn, turnsPerDay } from "./listSelector"; import { Button } from "@mui/material"; import PlusBlueP from "@/components/icons/PlusBlueP"; diff --git a/components/panel/addDoctor/listMenu/turns/Form.js b/components/panel/addDoctor/listMenu/turns/Form.js index 2f2ab67..6a35877 100644 --- a/components/panel/addDoctor/listMenu/turns/Form.js +++ b/components/panel/addDoctor/listMenu/turns/Form.js @@ -1,5 +1,5 @@ import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; -import ContentText from "@/components/panel/ContentText"; +import ContentText from "@/app/component/ContentText"; import { numberOfTurns, timeOfEachTurn } from "./listSelector"; import { useState } from "react"; diff --git a/components/panel/addDoctor/listMenu/workingDays/modal/Form.js b/components/panel/addDoctor/listMenu/workingDays/modal/Form.js index 8056df9..f372ce0 100644 --- a/components/panel/addDoctor/listMenu/workingDays/modal/Form.js +++ b/components/panel/addDoctor/listMenu/workingDays/modal/Form.js @@ -1,5 +1,5 @@ import { Button } from "@mui/material"; -import ContentText from "@/components/panel/ContentText"; +import ContentText from "@/app/component/ContentText"; import TimePickerField from "@/app/component/TimePickerField"; function Form({ handleClose, isVacation, setData, dataChange, data, value }) { diff --git a/components/panel/userAccount/account/form/index.js b/components/panel/userAccount/account/form/index.js index 488da7c..72564f6 100644 --- a/components/panel/userAccount/account/form/index.js +++ b/components/panel/userAccount/account/form/index.js @@ -2,7 +2,7 @@ import { useState } from "react"; -import ContentText from "../../../ContentText"; +import ContentText from "../../../../../app/component/ContentText"; import EditField from "@/app/component/EditField"; import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; import { bank, city, state } from "./listSelector"; diff --git a/components/panel/userAccount/bank/head/index.js b/components/panel/userAccount/bank/head/index.js index 2cf267c..ad09050 100644 --- a/components/panel/userAccount/bank/head/index.js +++ b/components/panel/userAccount/bank/head/index.js @@ -1,4 +1,4 @@ -import ModalAddCard from "./ModalAddCard"; +import ModalAddCard from "./modal/ModalAddCard"; function Head() { return ( diff --git a/components/panel/userAccount/bank/head/modal/Form.js b/components/panel/userAccount/bank/head/modal/Form.js new file mode 100644 index 0000000..30ac322 --- /dev/null +++ b/components/panel/userAccount/bank/head/modal/Form.js @@ -0,0 +1,49 @@ +import ContentText from "@/app/component/ContentText"; +import EditField from "@/app/component/EditField"; +import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"; + +const list = [ + { label: "بانک 1", id: 10 }, + { label: "بانک 2", id: 20 }, + { label: "بانک 3", id: 30 }, + { label: "بانک 4", id: 40 }, +]; + +function Form({ data, changeData }) { + return ( +
+ + + + + + + + + +
+ ); +} + +export default Form; diff --git a/components/panel/userAccount/bank/head/ModalAddCard.js b/components/panel/userAccount/bank/head/modal/ModalAddCard.js similarity index 87% rename from components/panel/userAccount/bank/head/ModalAddCard.js rename to components/panel/userAccount/bank/head/modal/ModalAddCard.js index 890e871..da3016f 100644 --- a/components/panel/userAccount/bank/head/ModalAddCard.js +++ b/components/panel/userAccount/bank/head/modal/ModalAddCard.js @@ -4,12 +4,21 @@ import { Box, Button, Modal } from "@mui/material"; import { styleDefault } from "@/mui"; import CloseModalD from "@/components/icons/CloseModalD"; import ArrowLeftPA from "@/components/icons/ArrowLeftPA"; +import Form from "./Form"; function ModalAddCard() { const [open, setOpen] = useState(false); + const [data, setData] = useState({ + card: "", + shaba: "", + bank: "", + }); + const handleOpen = () => setOpen(true); const handleClose = () => setOpen(false); + const changeData = (value, name) => setData({ ...data, [name]: value }); + return (
{/* Button Modal */} @@ -25,7 +34,7 @@ function ModalAddCard() {

@@ -35,6 +44,7 @@ function ModalAddCard() {

+