brooktewabe
612bb9386b
- 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.
27 lines
1.0 KiB
TypeScript
27 lines
1.0 KiB
TypeScript
"use client"
|
|
|
|
import { useState } from "react"
|
|
|
|
export function ReloadTicket() {
|
|
const [code, setCode] = useState("")
|
|
|
|
return (
|
|
<div className="bg-transparent border-t border-border/20 pt-4 pb-2">
|
|
<div className="px-1 text-center space-y-3">
|
|
<h3 className="text-[12px] font-bold uppercase text-[#ff9800]">Reload Ticket</h3>
|
|
<p className="text-[11px] text-white">Insert the code to load</p>
|
|
<div className="flex gap-1">
|
|
<input
|
|
type="text"
|
|
value={code}
|
|
onChange={(e) => setCode(e.target.value)}
|
|
className="flex-1 bg-[#121212] border border-border/40 px-2 py-2 text-[11px] text-white outline-none focus:border-primary"
|
|
/>
|
|
<button className="bg-[#ff9800] text-black px-2 py-1.5 flex items-center justify-center min-w-[32px] hover:bg-[#ffa726] transition-colors">
|
|
<svg viewBox="0 0 24 24" className="size-5 fill-current"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |