Ilgeldi
/
turkmentv_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

page id link on main banner fixed

This commit is contained in:
Kakabay 2024-11-02 17:25:37 +05:00
parent c48d89b960
commit 5d4c5d6317
2 changed files with 30 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/(main)/[page_id]/page.tsx
View File

@ -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

38
components/home/MainSwiper.tsx
View File

@ -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>