From b561b111ec2d67f1490f2899545644b13d39c0bb Mon Sep 17 00:00:00 2001 From: Ehsan Date: Tue, 15 Oct 2024 00:49:07 +0330 Subject: [PATCH] responsive page panel and add-doctor --- components/icons/CalendarP.js | 2 + components/icons/CalendarTick.js | 2 +- components/icons/CategoryP.js | 4 ++ components/icons/LocationAdd.js | 2 +- components/icons/MoonP.js | 1 + components/icons/ProfileAddP.js | 2 + components/icons/ProfileCircleP.js | 2 + components/icons/Sun.js | 1 + components/icons/UserEdit.js | 2 +- components/panel/addDoctor/Step.js | 7 +- components/panel/addDoctor/index.js | 8 +-- .../listMenu/generalInformation/form/index.js | 2 +- .../listMenu/generalInformation/index.js | 2 +- .../listMenu/officeInformation/index.js | 2 +- components/panel/userAccount/bank/List.js | 20 +++--- .../panel/userAccount/bank/cards/Item.js | 70 +++++++++++++++++++ .../panel/userAccount/bank/cards/index.js | 15 ++++ .../panel/userAccount/bank/head/index.js | 2 +- .../panel/userAccount/bank/head/modal/Form.js | 2 +- .../head/modal/{ModalAddCard.js => index.js} | 8 +-- components/panel/userAccount/bank/index.js | 2 + 21 files changed, 128 insertions(+), 30 deletions(-) create mode 100644 components/panel/userAccount/bank/cards/Item.js create mode 100644 components/panel/userAccount/bank/cards/index.js rename components/panel/userAccount/bank/head/modal/{ModalAddCard.js => index.js} (86%) diff --git a/components/icons/CalendarP.js b/components/icons/CalendarP.js index 7ad9aa6..835f2d3 100644 --- a/components/icons/CalendarP.js +++ b/components/icons/CalendarP.js @@ -10,11 +10,13 @@ function CalendarP() { > diff --git a/components/icons/CalendarTick.js b/components/icons/CalendarTick.js index 44c11fa..1850134 100644 --- a/components/icons/CalendarTick.js +++ b/components/icons/CalendarTick.js @@ -6,7 +6,7 @@ function CalendarTick({ active }) { height="40" viewBox="0 0 40 40" fill="none" - className="delay-500" + className="delay-500 w-[18px] sm:w-[25px] md:w-[33px] lg:w-[40px] h-[18px] sm:h-[25px] md:h-[33px] lg:h-[40px]" > diff --git a/components/icons/LocationAdd.js b/components/icons/LocationAdd.js index 7238a94..152d757 100644 --- a/components/icons/LocationAdd.js +++ b/components/icons/LocationAdd.js @@ -6,7 +6,7 @@ function LocationAdd({ active }) { height="40" viewBox="0 0 40 40" fill="none" - className="delay-500" + className="delay-500 w-[18px] sm:w-[25px] md:w-[33px] lg:w-[40px] h-[18px] sm:h-[25px] md:h-[33px] lg:h-[40px]" > diff --git a/components/icons/ProfileCircleP.js b/components/icons/ProfileCircleP.js index f07fdbc..5162715 100644 --- a/components/icons/ProfileCircleP.js +++ b/components/icons/ProfileCircleP.js @@ -10,11 +10,13 @@ function ProfileCircleP() { > diff --git a/components/icons/Sun.js b/components/icons/Sun.js index aee42b0..f3a2bf2 100644 --- a/components/icons/Sun.js +++ b/components/icons/Sun.js @@ -6,6 +6,7 @@ function Sun() { height="24" viewBox="0 0 24 24" fill="none" + className="w-full h-full" >
= idx ? "before:right-0" : "before:-right-full"}`} @@ -23,7 +24,7 @@ function Step({ value }) {
{item.icon}

= idx ? "font-bold text-[#5559CE]" @@ -35,7 +36,7 @@ function Step({ value }) {

{list.length > idx + 1 && ( -
{components[value]}
+
+ {components[value]} +
); diff --git a/components/panel/addDoctor/listMenu/generalInformation/form/index.js b/components/panel/addDoctor/listMenu/generalInformation/form/index.js index a9b0e52..e2e6f03 100644 --- a/components/panel/addDoctor/listMenu/generalInformation/form/index.js +++ b/components/panel/addDoctor/listMenu/generalInformation/form/index.js @@ -27,7 +27,7 @@ function Form({ setValue, parent, data, setData }) { return (
-
+
+
+
- -
- +
+ + +
))} diff --git a/components/panel/userAccount/bank/cards/Item.js b/components/panel/userAccount/bank/cards/Item.js new file mode 100644 index 0000000..9f68e83 --- /dev/null +++ b/components/panel/userAccount/bank/cards/Item.js @@ -0,0 +1,70 @@ +import TextLoading from "@/app/component/loading/Text"; +import SwitchTable from "@/app/component/SwitchTable"; +import EditB from "@/components/icons/EditB"; +import TrashB from "@/components/icons/TrashB"; +import { Button } from "@mui/material"; + +function Item({ data, loading }) { + return ( +
  • +
    +
    + +
    +

    + {data.status ? "فعال" : "غیر فعال"} +

    + +
    +     +
    +
    + + +
    +
    +
      +
    • + +

      + شماره کارت: +

      +       + +

      + {data.card_number} +

      +       +
      • + +
    • + +

      شماره شبا:

      +       + +

      + {data.shaba_number} +

      +       +
      • + +
    • + +

      بانک:

      +       + +

      + {data.bank} +

      +       +
      • +
    +
    • + ); +} + +export default Item; diff --git a/components/panel/userAccount/bank/cards/index.js b/components/panel/userAccount/bank/cards/index.js new file mode 100644 index 0000000..3397f22 --- /dev/null +++ b/components/panel/userAccount/bank/cards/index.js @@ -0,0 +1,15 @@ +import Item from "./Item"; + +function Cards({ data, loading }) { + console.log(data); + + return ( +
      + {data.map((item, idx) => ( + + ))} +
    + ); +} + +export default Cards; diff --git a/components/panel/userAccount/bank/head/index.js b/components/panel/userAccount/bank/head/index.js index ad09050..ed3b9dc 100644 --- a/components/panel/userAccount/bank/head/index.js +++ b/components/panel/userAccount/bank/head/index.js @@ -1,4 +1,4 @@ -import ModalAddCard from "./modal/ModalAddCard"; +import ModalAddCard from "./modal"; function Head() { return ( diff --git a/components/panel/userAccount/bank/head/modal/Form.js b/components/panel/userAccount/bank/head/modal/Form.js index 30ac322..5e4c738 100644 --- a/components/panel/userAccount/bank/head/modal/Form.js +++ b/components/panel/userAccount/bank/head/modal/Form.js @@ -11,7 +11,7 @@ const list = [ function Form({ data, changeData }) { return ( -
    +
    setData({ ...data, [name]: value }); return ( -
    + <> {/* Button Modal */}
    + ); } diff --git a/components/panel/userAccount/bank/index.js b/components/panel/userAccount/bank/index.js index 989a3c2..c94bc80 100644 --- a/components/panel/userAccount/bank/index.js +++ b/components/panel/userAccount/bank/index.js @@ -1,3 +1,4 @@ +import Cards from "./cards"; import Head from "./head"; import List from "./List"; @@ -6,6 +7,7 @@ function Bank({ data }) {
    +
    ); }