From fd3b82143be57497af3d151bf9f2df3152fa9874 Mon Sep 17 00:00:00 2001 From: Ehsan Date: Thu, 15 Aug 2024 10:10:57 +0330 Subject: [PATCH] page home responsive & change component element & page blog item --- app/blog/[slug]/page.js | 1 + app/component/AnimationTextHead.js | 16 + .../component/comment}/Field.js | 2 +- .../component/comment}/ItemUser.js | 18 +- .../component/comment}/index.js | 8 +- app/component/element/AutoCompleteSelect.js | 7 +- app/globals.css | 5 + app/page.js | 10 - components/blog/detail/Caption.js | 33 + components/blog/detail/SocialMedia.js | 27 + .../blog/detail/commentUser/AddComment.js | 18 + components/blog/detail/commentUser/index.js | 19 + components/blog/detail/index.js | 18 +- components/blog/index.js | 9 +- components/blog/relatedContent/Item.js | 31 + components/blog/relatedContent/index.js | 24 + components/clinic/components/about/index.js | 11 +- components/clinic/components/doctors/index.js | 5 +- .../detailDoctor/cards/comments/index.js | 4 +- components/home/index.js | 2 +- components/home/search/index.js | 2 +- components/home/search/modal/index.js | 23 +- components/icons/ArrowDownF.js | 2 +- components/icons/Instagram.js | 2 +- components/icons/Linkedin.js | 2 +- components/icons/LinkedinB.js | 9 + components/icons/Telegram.js | 2 +- components/icons/TelegramB.js | 9 + components/icons/Underline.js | 10 + components/icons/UnderlineLG.js | 10 + components/icons/Whatsapp.js | 2 +- components/icons/WhatsappB.js | 9 + components/layout/footer/LogoNamad.js | 4 +- components/layout/footer/index.js | 6 +- components/layout/footer/menu/HeadMenu.js | 2 +- components/layout/footer/menu/ListMenu.js | 4 +- components/layout/header/index.js | 2 - components/layout/header/list/Row.js | 8 +- components/layout/header/list/col/index.js | 3 - components/layout/index.js | 14 +- constans/index.js | 7 +- data/articles.json | 3852 ++++++++++++++++- .../{cover-blog.png => cover-blog-1.png} | Bin public/assets/images/cover-blog-2.png | Bin 0 -> 410803 bytes 44 files changed, 4149 insertions(+), 103 deletions(-) create mode 100644 app/component/AnimationTextHead.js rename {components/doctor/detailDoctor/cards/comments/commentUser => app/component/comment}/Field.js (97%) rename {components/doctor/detailDoctor/cards/comments/commentUser => app/component/comment}/ItemUser.js (95%) rename {components/doctor/detailDoctor/cards/comments/commentUser => app/component/comment}/index.js (75%) create mode 100644 components/blog/detail/Caption.js create mode 100644 components/blog/detail/SocialMedia.js create mode 100644 components/blog/detail/commentUser/AddComment.js create mode 100644 components/blog/detail/commentUser/index.js create mode 100644 components/blog/relatedContent/Item.js create mode 100644 components/blog/relatedContent/index.js create mode 100644 components/icons/LinkedinB.js create mode 100644 components/icons/TelegramB.js create mode 100644 components/icons/Underline.js create mode 100644 components/icons/UnderlineLG.js create mode 100644 components/icons/WhatsappB.js rename public/assets/images/{cover-blog.png => cover-blog-1.png} (100%) create mode 100644 public/assets/images/cover-blog-2.png diff --git a/app/blog/[slug]/page.js b/app/blog/[slug]/page.js index 8aafcb4..239ff2a 100644 --- a/app/blog/[slug]/page.js +++ b/app/blog/[slug]/page.js @@ -10,6 +10,7 @@ function Blog({ params: { slug } }) { ) diff --git a/app/component/AnimationTextHead.js b/app/component/AnimationTextHead.js new file mode 100644 index 0000000..eb1de5f --- /dev/null +++ b/app/component/AnimationTextHead.js @@ -0,0 +1,16 @@ +function AnimationTextHead({ name, text, children }) { + return ( +
+
+

{text}

+
+
+ {children} +
+
+ ) +} + +export default AnimationTextHead \ No newline at end of file diff --git a/components/doctor/detailDoctor/cards/comments/commentUser/Field.js b/app/component/comment/Field.js similarity index 97% rename from components/doctor/detailDoctor/cards/comments/commentUser/Field.js rename to app/component/comment/Field.js index e883cf4..167e71a 100644 --- a/components/doctor/detailDoctor/cards/comments/commentUser/Field.js +++ b/app/component/comment/Field.js @@ -25,4 +25,4 @@ function Field({ title, type, multiline, isPlaceHolder }) { ) } -export default Field \ No newline at end of file +export default Field; \ No newline at end of file diff --git a/components/doctor/detailDoctor/cards/comments/commentUser/ItemUser.js b/app/component/comment/ItemUser.js similarity index 95% rename from components/doctor/detailDoctor/cards/comments/commentUser/ItemUser.js rename to app/component/comment/ItemUser.js index 825eed1..02574b3 100644 --- a/components/doctor/detailDoctor/cards/comments/commentUser/ItemUser.js +++ b/app/component/comment/ItemUser.js @@ -1,11 +1,13 @@ -import Image from "next/image" -import { Button, Skeleton } from "@mui/material" -import LikeComment from "@/components/icons/LikeComment" -import BoldLikeComment from "@/components/icons/BoldLikeComment" -import BoldDisLikeComment from "@/components/icons/BoldDisLikeComment" -import DisLikeComment from "@/components/icons/DisLikeComment" -import ArrowUpComment from "@/components/icons/ArrowUpComment" -import Field from "./Field" +import Image from "next/image"; +import { Button, Skeleton } from "@mui/material"; +import Field from "./Field"; + +// Icons +import BoldDisLikeComment from "@/components/icons/BoldDisLikeComment"; +import BoldLikeComment from "@/components/icons/BoldLikeComment"; +import DisLikeComment from "@/components/icons/DisLikeComment"; +import ArrowUpComment from "@/components/icons/ArrowUpComment"; +import LikeComment from "@/components/icons/LikeComment"; function ItemUser({ update, setUpdate, list, setList, data, loading }) { diff --git a/components/doctor/detailDoctor/cards/comments/commentUser/index.js b/app/component/comment/index.js similarity index 75% rename from components/doctor/detailDoctor/cards/comments/commentUser/index.js rename to app/component/comment/index.js index 7c835a4..e39e956 100644 --- a/components/doctor/detailDoctor/cards/comments/commentUser/index.js +++ b/app/component/comment/index.js @@ -2,14 +2,14 @@ import { useState } from 'react'; import ItemUser from './ItemUser' -function CommentUser({ doctor }) { +function Comment({ data }) { - const [list, setList] = useState(doctor.comments); + const [list, setList] = useState(data.comments); const [update, setUpdate] = useState(false); return (