diff --git a/app/component/Pagination.js b/app/component/Pagination.js new file mode 100644 index 0000000..5354642 --- /dev/null +++ b/app/component/Pagination.js @@ -0,0 +1,23 @@ +import { Pagination as PaginationMUI } from '@mui/material' + +function Pagination() { + return ( + + ) +} + +export default Pagination \ No newline at end of file diff --git a/app/globals.css b/app/globals.css index 6282b76..ecd3c15 100644 --- a/app/globals.css +++ b/app/globals.css @@ -185,6 +185,14 @@ body { animation-duration: 2s; } +.hover-mode-item-speciality:hover p:first-child { + color: #FAFAFA; +} + +.hover-mode-item-speciality:hover p:last-child { + color: #EFEFEF; +} + @keyframes openx { 0% { width: 0; diff --git a/components/doctors/listDoctors/index.js b/components/doctors/listDoctors/index.js index 140e78c..df22f52 100644 --- a/components/doctors/listDoctors/index.js +++ b/components/doctors/listDoctors/index.js @@ -1,6 +1,6 @@ import doctors from '@/data/doctors.json' import ItemDoctor from './ItemDoctor'; -import { Pagination } from '@mui/material'; +import Pagination from '@/app/component/Pagination'; function ListDoctors() { return ( @@ -14,21 +14,7 @@ function ListDoctors() { ))}
- +
) diff --git a/components/icons/MenuS.js b/components/icons/MenuS.js new file mode 100644 index 0000000..4673a60 --- /dev/null +++ b/components/icons/MenuS.js @@ -0,0 +1,14 @@ +function MenuS() { + return ( + + + + + + + + + ) +} + +export default MenuS \ No newline at end of file diff --git a/components/specialties/head/index.js b/components/specialties/head/index.js index 6c03251..c17264e 100644 --- a/components/specialties/head/index.js +++ b/components/specialties/head/index.js @@ -2,10 +2,12 @@ import SearchBar from "./SearchBar" function Head() { return ( -
-

تخصص مورد نظر شما چیست؟

-

تخصص مورد نظرتان را جستجو کرده و یا از لیست زیر انتخاب نمایید:

- +
+
+

تخصص مورد نظر شما چیست؟

+

تخصص مورد نظرتان را جستجو کرده و یا از لیست زیر انتخاب نمایید:

+ +
) } diff --git a/components/specialties/list/ItemSpecialties.js b/components/specialties/list/ItemSpecialties.js new file mode 100644 index 0000000..9488025 --- /dev/null +++ b/components/specialties/list/ItemSpecialties.js @@ -0,0 +1,16 @@ +import React from 'react' + +function ItemSpecialties({ data }) { + return ( +
  • +

    {data.name}

    +

    {data.number_of_doctors} پزشک

    +
    • + ) +} + +export default ItemSpecialties \ No newline at end of file diff --git a/components/specialties/list/index.js b/components/specialties/list/index.js index af6dd31..9274f4f 100644 --- a/components/specialties/list/index.js +++ b/components/specialties/list/index.js @@ -1,8 +1,27 @@ +import specialties from '@/data/specialties.json'; +import ItemSpecialties from './ItemSpecialties'; +import MenuS from '@/components/icons/MenuS'; +import Pagination from '@/app/component/Pagination'; + function List() { return ( -
      - -
    +
    +
    + +

    لیست تخصص ها

    +
    +
      + {specialties.map(speciality => ( + + ))} +
    +
    + +
    +
    ) }