From 5d4c5d6317caa9cd542c8fa62cef1394faac5038 Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Sat, 2 Nov 2024 17:25:37 +0500
Subject: [PATCH] page id link on main banner fixed

---
 app/(main)/[page_id]/page.tsx  | 10 ++++-----
 components/home/MainSwiper.tsx | 38 +++++++++++++++++++++++-----------
 2 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/app/(main)/[page_id]/page.tsx b/app/(main)/[page_id]/page.tsx
index dbd1e16..b48f21d 100644
--- a/app/(main)/[page_id]/page.tsx
+++ b/app/(main)/[page_id]/page.tsx
@@ -42,8 +42,9 @@ const PageItem = ({ params }: IParams) => {
         </div>
 
         <div className="main-news flex md:flex-row flex-col gap-6">
-          {data?.data.image && data.data.title ? (
-            responsive && data.data.mobile_image ? (
+          {data?.data.image &&
+            data.data.title &&
+            (responsive && data.data.mobile_image ? (
               <div className="relative">
                 <Image
                   src={data?.data.mobile_image}
@@ -69,10 +70,7 @@ const PageItem = ({ params }: IParams) => {
                   className="w-full h-full object-cover"
                 />
               </div>
-            )
-          ) : (
-            <Loader />
-          )}
+            ))}
           <div className="flex flex-col gap-3 text-black text-lg">
             {data?.data.content ? (
               <p
diff --git a/components/home/MainSwiper.tsx b/components/home/MainSwiper.tsx
index 2f92db8..92d449b 100644
--- a/components/home/MainSwiper.tsx
+++ b/components/home/MainSwiper.tsx
@@ -7,6 +7,7 @@ import { useQuery } from '@tanstack/react-query';
 import Loader from '../Loader';
 import { v4 } from 'uuid';
 import Link from 'next/link';
+import page from '@/app/(main)/live/page';
 
 const MainSwiper = () => {
   const { data, isFetching, error } = useQuery({
@@ -30,18 +31,31 @@ const MainSwiper = () => {
         className="h-full w-full">
         {data!.data.map((item) => (
           <SwiperSlide key={v4()} className="w-full h-full">
-            <Link
-              href={item.url ? item.url : ''}
-              className="flex justify-center items-center relative w-full lg:h-full h-[400px]">
-              <Image
-                src={item.image}
-                alt={item.title}
-                fill
-                unoptimized
-                unselectable="off"
-                className="pointer-events-none"
-              />
-            </Link>
+            {item.url || item.page_id ? (
+              <Link
+                href={item.url ? item.url : `/${item.page_id}`}
+                className="flex justify-center items-center relative w-full lg:h-full h-[400px]">
+                <Image
+                  src={item.image}
+                  alt={item.title}
+                  fill
+                  unoptimized
+                  unselectable="off"
+                  className="pointer-events-none"
+                />
+              </Link>
+            ) : (
+              <div className="flex justify-center items-center relative w-full lg:h-full h-[400px]">
+                <Image
+                  src={item.image}
+                  alt={item.title}
+                  fill
+                  unoptimized
+                  unselectable="off"
+                  className="pointer-events-none"
+                />
+              </div>
+            )}
           </SwiperSlide>
         ))}
       </Swiper>