From 5568a989feabc85ddae9ef0d7991fc9cca8c870e Mon Sep 17 00:00:00 2001 From: Ehsan Date: Tue, 13 Aug 2024 01:23:44 +0330 Subject: [PATCH] change data clinics & page clinics tab about & contact & doctors --- app/clinic/[slug]/page.js | 2 + .../component}/ItemDoctor.js | 14 +- app/globals.css | 15 ++ app/page.js | 2 +- components/clinic/components/Contact.js | 9 - components/clinic/components/Doctors.js | 9 - .../clinic/components/about/ListBime.js | 2 +- .../clinic/components/about/Services.js | 24 +++ .../clinic/components/about/Specialties.js | 24 +++ components/clinic/components/about/index.js | 10 +- .../components/contact/ContentDetail.js | 10 ++ .../clinic/components/contact/Detail.js | 26 +++ components/clinic/components/contact/index.js | 29 +++ components/clinic/components/doctors/List.js | 22 +++ .../clinic/components/doctors/SearchBar.js | 13 ++ components/clinic/components/doctors/index.js | 16 ++ components/clinic/index.js | 8 +- components/clinics/head/modal/index.js | 2 +- components/doctors/listDoctors/index.js | 6 +- components/icons/RoutingC.js | 14 ++ components/icons/TickCircleOrange.js | 10 ++ components/layout/header/index.js | 2 + components/layout/header/list/col/index.js | 3 + components/searchHead/LgSearch.js | 7 + .../SearchBar.js => searchHead/SmSearch.js} | 9 +- components/specialties/head/index.js | 4 +- data/clinics.json | 168 +++++++++++++----- 27 files changed, 368 insertions(+), 92 deletions(-) rename {components/doctors/listDoctors => app/component}/ItemDoctor.js (90%) delete mode 100644 components/clinic/components/Contact.js delete mode 100644 components/clinic/components/Doctors.js create mode 100644 components/clinic/components/about/Services.js create mode 100644 components/clinic/components/about/Specialties.js create mode 100644 components/clinic/components/contact/ContentDetail.js create mode 100644 components/clinic/components/contact/Detail.js create mode 100644 components/clinic/components/contact/index.js create mode 100644 components/clinic/components/doctors/List.js create mode 100644 components/clinic/components/doctors/SearchBar.js create mode 100644 components/clinic/components/doctors/index.js create mode 100644 components/icons/RoutingC.js create mode 100644 components/icons/TickCircleOrange.js create mode 100644 components/searchHead/LgSearch.js rename components/{specialties/head/SearchBar.js => searchHead/SmSearch.js} (84%) diff --git a/app/clinic/[slug]/page.js b/app/clinic/[slug]/page.js index a933d73..e515b36 100644 --- a/app/clinic/[slug]/page.js +++ b/app/clinic/[slug]/page.js @@ -1,6 +1,7 @@ import ClinicPage from '@/components/clinic'; import Layout from '@/components/layout'; import clinics from '@/data/clinics.json'; +import doctors from '@/data/doctors.json'; function Blog({ params: { slug } }) { @@ -10,6 +11,7 @@ function Blog({ params: { slug } }) { ) diff --git a/components/doctors/listDoctors/ItemDoctor.js b/app/component/ItemDoctor.js similarity index 90% rename from components/doctors/listDoctors/ItemDoctor.js rename to app/component/ItemDoctor.js index fb25a05..028f82a 100644 --- a/components/doctors/listDoctors/ItemDoctor.js +++ b/app/component/ItemDoctor.js @@ -1,12 +1,12 @@ -import Image from "next/image" -import { Button } from "@mui/material" +import Image from "next/image"; +import { Button } from "@mui/material"; // Icons -import ArrowLeftD from "@/components/icons/ArrowLeftD" -import ClockD from "@/components/icons/ClockD" -import LikeD from "@/components/icons/LikeD" -import PointD from "@/components/icons/PointD" -import Link from "next/link" +import ArrowLeftD from "@/components/icons/ArrowLeftD"; +import ClockD from "@/components/icons/ClockD"; +import LikeD from "@/components/icons/LikeD"; +import PointD from "@/components/icons/PointD"; +import Link from "next/link"; function ItemDoctor({ doctor }) { return ( diff --git a/app/globals.css b/app/globals.css index 5b0b378..018064c 100644 --- a/app/globals.css +++ b/app/globals.css @@ -241,6 +241,21 @@ body { height: 0; } +.opacity-page { + animation: loadPageOpacity; + animation-duration: 1s; +} + +@keyframes loadPageOpacity { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + @media (min-width: 640px) { .padding-responsive { padding-left: 52px; diff --git a/app/page.js b/app/page.js index 145d76a..1987ec7 100644 --- a/app/page.js +++ b/app/page.js @@ -13,7 +13,7 @@ export default function Home() { }, []) return ( - + ); diff --git a/components/clinic/components/Contact.js b/components/clinic/components/Contact.js deleted file mode 100644 index 6e7eab1..0000000 --- a/components/clinic/components/Contact.js +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react' - -function Contact() { - return ( -
Contact
- ) -} - -export default Contact \ No newline at end of file diff --git a/components/clinic/components/Doctors.js b/components/clinic/components/Doctors.js deleted file mode 100644 index 0410dd4..0000000 --- a/components/clinic/components/Doctors.js +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react' - -function Doctors() { - return ( -
Doctors
- ) -} - -export default Doctors \ No newline at end of file diff --git a/components/clinic/components/about/ListBime.js b/components/clinic/components/about/ListBime.js index 404a790..8c3657f 100644 --- a/components/clinic/components/about/ListBime.js +++ b/components/clinic/components/about/ListBime.js @@ -2,7 +2,7 @@ import Image from 'next/image' function ListBime({ data }) { return ( -