From a7e347e9acfdd92b9416fd9a2749b4be35917a63 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Wed, 23 Apr 2025 16:26:50 +0330
Subject: [PATCH] pixel perfect

---
 src/app/blogs/components/BigBlogItem.tsx  |  2 +-
 src/app/blogs/components/BlogList.tsx     |  2 +-
 src/app/blogs/components/HeroSection.tsx  |  5 ++++-
 src/app/blogs/components/MiniBlogItem.tsx |  2 +-
 src/app/blogs/components/MostVisited.tsx  | 10 +++++++---
 5 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/app/blogs/components/BigBlogItem.tsx b/src/app/blogs/components/BigBlogItem.tsx
index adc4382..f0ac831 100644
--- a/src/app/blogs/components/BigBlogItem.tsx
+++ b/src/app/blogs/components/BigBlogItem.tsx
@@ -43,7 +43,7 @@ const BigBlogItem: FC<BigBlogItemProps> = ({ item }) => {
                     </div>
                 </div>
 
-                <div className='mt-3 text-sm leading-5'>
+                <div className='mt-3 text-sm leading-6'>
                     {item.previewContent.replace(/<\/?[^>]+(>|$)/g, "")}
                 </div>
 
diff --git a/src/app/blogs/components/BlogList.tsx b/src/app/blogs/components/BlogList.tsx
index d999484..cf041a8 100644
--- a/src/app/blogs/components/BlogList.tsx
+++ b/src/app/blogs/components/BlogList.tsx
@@ -104,7 +104,7 @@ const BlogList: FC = () => {
                         <ContactUs />
                     </div>
                     <div className='mt-6'>
-                        <MostVisited />
+                        <MostVisited title='انتخاب سردبیر' />
                     </div>
                 </div>
             </div>
diff --git a/src/app/blogs/components/HeroSection.tsx b/src/app/blogs/components/HeroSection.tsx
index 9091035..3889b31 100644
--- a/src/app/blogs/components/HeroSection.tsx
+++ b/src/app/blogs/components/HeroSection.tsx
@@ -4,6 +4,7 @@ import { FC } from 'react'
 import { useGetBlogCombined } from '../hooks/useBlogsData'
 import { AdsDisplayLocation } from '@/app/ads/types/AdsTypes'
 import { useGetAds } from '@/app/ads/hooks/useAdsData'
+import Link from 'next/link'
 
 const HeroSection: FC = () => {
 
@@ -27,7 +28,9 @@ const HeroSection: FC = () => {
 
                                     <div className='absolute bottom-0 h-[140px] modalGlass3 w-full p-6 text-white'>
                                         <h4 className='font-bold xl:text-base text-sm'>
-                                            {item.title}
+                                            <Link href={`/blogs/${item.slug}`}>
+                                                {item.title}
+                                            </Link>
                                         </h4>
 
                                         <div className="text-xs xl:text-sm mt-4 leading-7 truncate xl:text-clip xl:whitespace-normal line-clamp-2">
diff --git a/src/app/blogs/components/MiniBlogItem.tsx b/src/app/blogs/components/MiniBlogItem.tsx
index 09ff630..57a68ce 100644
--- a/src/app/blogs/components/MiniBlogItem.tsx
+++ b/src/app/blogs/components/MiniBlogItem.tsx
@@ -16,7 +16,7 @@ const MiniBlogItem: FC<{ item: Blog }> = ({ item }) => {
             </Link>
 
             <Link href={`/blogs/${item.slug}`}>
-                <h6 className='text-xs leading-5 font-bold hover:opacity-70 transition-opacity'>
+                <h6 className='text-xs leading-5  hover:opacity-70 transition-opacity'>
                     {item.title}
                 </h6>
             </Link>
diff --git a/src/app/blogs/components/MostVisited.tsx b/src/app/blogs/components/MostVisited.tsx
index 03c5442..f56f8a2 100644
--- a/src/app/blogs/components/MostVisited.tsx
+++ b/src/app/blogs/components/MostVisited.tsx
@@ -2,12 +2,16 @@ import { FC } from 'react'
 import MiniBlogItem from './MiniBlogItem'
 import { useGetMostVisitedBlogs } from '../hooks/useBlogsData'
 
-const MostVisited: FC = () => {
+type Props = {
+    title?: string
+}
+
+const MostVisited: FC<Props> = ({ title }) => {
     const { data } = useGetMostVisitedBlogs()
     return (
         <div className='w-full rounded-4xl bg-white p-4'>
-            <h4>
-                انتخاب سردبیر
+            <h4 className='font-bold'>
+                {title || 'پر بازدیدترین ها'}
             </h4>
 
             <div className='flex flex-col gap-6 mt-7 text-sm'>