From 381b0a9eea357638f720db351a375c457004121f Mon Sep 17 00:00:00 2001 From: Ehsan Date: Mon, 19 Aug 2024 21:48:15 +0330 Subject: [PATCH] respnsive pages --- app/component/element/AutoCompleteSelect.js | 5 +-- app/component/head/index.js | 12 ++++-- app/globals.css | 4 ++ components/clinics/head/SearchBar.js | 35 ++++++++-------- components/clinics/head/modal/index.js | 29 ++++++++++--- components/clinics/index.js | 4 +- components/clinics/list/ItemClinic.js | 4 +- components/clinics/list/index.js | 2 +- .../doctor/appointmentList/ItemAppointment.js | 32 ++++++++------- components/doctor/appointmentList/index.js | 38 +++++++++++++----- components/doctor/detailDoctor/Link.js | 16 ++++---- .../doctor/detailDoctor/cards/AboutDcotor.js | 2 +- components/doctor/detailDoctor/index.js | 2 +- components/icons/SearchD.js | 2 +- components/layout/header/index.js | 2 +- components/searchHead/SmSearch.js | 23 ++++++----- components/specialties/head/index.js | 15 ------- components/specialties/index.js | 10 ++++- components/specialties/list/index.js | 4 +- public/assets/images/bg-head-menu.png | Bin 0 -> 3110878 bytes 20 files changed, 145 insertions(+), 96 deletions(-) delete mode 100644 components/specialties/head/index.js create mode 100644 public/assets/images/bg-head-menu.png diff --git a/app/component/element/AutoCompleteSelect.js b/app/component/element/AutoCompleteSelect.js index be2bb29..1c8caa2 100644 --- a/app/component/element/AutoCompleteSelect.js +++ b/app/component/element/AutoCompleteSelect.js @@ -8,10 +8,9 @@ function AutoCompleteSelect({ list, updateData, name, label }) { disablePortal options={list} className="!w-full !rounded-lg md:!w-[344px]" - onChange={(event) => { + onChange={(event) => updateData && - updateData(event, name) - } + updateData(event, name) } sx={{ ...styleTextSelectRight, diff --git a/app/component/head/index.js b/app/component/head/index.js index 372f8ad..6b7b8b9 100644 --- a/app/component/head/index.js +++ b/app/component/head/index.js @@ -1,9 +1,13 @@ function HeadPageList({ children, title, detail }) { return ( -
-
-

{title}

-

{detail}

+
+
+

{title}

+

{detail}

{children}
diff --git a/app/globals.css b/app/globals.css index 10a1da6..78dadc7 100644 --- a/app/globals.css +++ b/app/globals.css @@ -240,6 +240,10 @@ html { transition: 0.5s all; } +.bg-head-menu { + background: url(../public/assets/images/bg-head-menu.png); +} + /* Hidden Scroll */ .hidden-scroll::-webkit-scrollbar-thumb { diff --git a/components/clinics/head/SearchBar.js b/components/clinics/head/SearchBar.js index 1b0fc55..cdbd194 100644 --- a/components/clinics/head/SearchBar.js +++ b/components/clinics/head/SearchBar.js @@ -1,15 +1,15 @@ -import ArrowBottomD from '@/components/icons/ArrowBottomD' -import SearchD from '@/components/icons/SearchD' -import SettingD from '@/components/icons/SettingD' -import { Button, ButtonGroup, TextField } from '@mui/material' -import React from 'react' -import ModalSearchCity from './modal' +import { Button, ButtonGroup, TextField } from '@mui/material'; +import SearchD from '@/components/icons/SearchD'; +import ModalSearchCity from './modal'; function SearchBar() { return ( diff --git a/components/clinics/head/modal/index.js b/components/clinics/head/modal/index.js index 642e86f..f34e6bd 100644 --- a/components/clinics/head/modal/index.js +++ b/components/clinics/head/modal/index.js @@ -29,20 +29,35 @@ function ModalSearchCity() { const handleOpen = () => setOpen(true); const handleClose = () => setOpen(false); + const [selected, setSelected] = useState({ + first: '', + second: '' + }); + + const updateData = (event, name) => + setSelected({ ...selected, [name]: event.target.innerText }) + return ( <> {/* Button Modal */} @@ -69,11 +84,15 @@ function ModalSearchCity() {

شهر یا استان مورد نظر را انتخاب نمایید:

diff --git a/components/clinics/index.js b/components/clinics/index.js index c2332a0..80a6c78 100644 --- a/components/clinics/index.js +++ b/components/clinics/index.js @@ -3,8 +3,10 @@ import List from "./list"; import SearchBar from "./head/SearchBar"; function ClinicsPage() { + + return ( -
+
-
+

{data.location}

-
+

ساعت کاری: {data.hours_of_work}

diff --git a/components/clinics/list/index.js b/components/clinics/list/index.js index f653656..debe623 100644 --- a/components/clinics/list/index.js +++ b/components/clinics/list/index.js @@ -12,7 +12,7 @@ function List() { -