- Implemented HeroBanner component for image carousel with navigation arrows and indicators. - Created LiveEventsList component to display live events with odds and match details. - Added SportsNav component for sport category navigation with icons. - Introduced TopMatches component to showcase highlighted matches with odds. - Updated InPlayHeader and QuickFilterBar for improved UI and functionality. - Enhanced ReloadTicket and SearchEvent components for better user experience. - Refactored SportsSidebar to include popular leagues and quick filter options. - Added new sport-home layout to integrate various betting components.
28 lines
644 B
TypeScript
28 lines
644 B
TypeScript
"use client"
|
|
|
|
import { useSearchParams } from "next/navigation"
|
|
import { HeroBanner } from "./hero-banner"
|
|
import { TopMatches } from "./top-matches"
|
|
import { SportsNav } from "./sports-nav"
|
|
import { HomeTabs } from "./home-tabs"
|
|
import { EventsList } from "./events-list"
|
|
|
|
export function SportHome() {
|
|
const searchParams = useSearchParams()
|
|
const isLeagueView = !!searchParams.get("league")
|
|
|
|
return (
|
|
<div className="flex flex-col gap-3">
|
|
{!isLeagueView && (
|
|
<>
|
|
<HeroBanner />
|
|
<TopMatches />
|
|
<SportsNav />
|
|
<HomeTabs />
|
|
</>
|
|
)}
|
|
<EventsList />
|
|
</div>
|
|
)
|
|
}
|