merdan
/
turkmen-tv-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

croll bar added to the winner list

This commit is contained in:
Kakabay 2024-12-13 16:56:06 +05:00
parent 08a2e5d5fe
commit 695a305f25
3 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/(main)/lottery/active/page.tsx
View File

@ -98,12 +98,14 @@ const page = () => {
<section className="flex flex-col gap-[40px]"> <section className="flex flex-col gap-[40px]">
{lotteryStatus === 'not-started' && ( {lotteryStatus === 'not-started' && (
<LotteryCountDown <div className="container">
startDate={'2024-12-14 16:15:00'} <LotteryCountDown
endDate={'2024-12-15 16:00:00'} startDate={'2024-12-14 16:15:00'}
lotteryStatus={lotteryStatus} endDate={'2024-12-15 16:00:00'}
setLotteryStatus={setLotteryStatus} lotteryStatus={lotteryStatus}
/> setLotteryStatus={setLotteryStatus}
/>
</div>
)} )}
<LotteryCountDownAllert <LotteryCountDownAllert
startDate={'2024-12-14 16:15:00'} startDate={'2024-12-14 16:15:00'}

2
components/lottery/LotteryWinnersSection.tsx
View File

@ -5,7 +5,7 @@ import SpinWheel from './spinWheel/SpinWheel';
import { useState } from 'react'; import { useState } from 'react';
const LotteryWinnersSection = () => { const LotteryWinnersSection = () => {
const [winners, setWinners] = useState<number[]>([]); const [winners, setWinners] = useState<number[]>([1, 2, 3, 4, 5, 5, 5, 5]);
return ( return (
<section> <section>

20
components/lottery/winners/LotteryWinnersList.tsx
View File

@ -2,16 +2,18 @@ import LotteryWinner from './LotteryWinner';
const LotteryWinnersList = ({ winners }: { winners: number[] }) => { const LotteryWinnersList = ({ winners }: { winners: number[] }) => {
return ( return (
<div className="flex flex-col w-full md:p-8 p-6 gap-4"> <div className="w-full md:p-8 p-6">
<div className="flex flex-col gap-2 md:pb-4 pb-3 border-b border-lightOutlineVariant"> <div className="flex flex-col w-full gap-4 md:max-h-[548px] sm:max-h-[276px] max-h-[438px] h-full overflow-y-scroll pr-2">
<h4 className="font-heading-3-regular">Results</h4> <div className="flex flex-col gap-2 md:pb-4 pb-3 border-b border-lightOutlineVariant">
<p className="font-base-medium">The results after each stage will be shown here.</p> <h4 className="font-heading-3-regular">Results</h4>
</div> <p className="font-base-medium">The results after each stage will be shown here.</p>
</div>
<div className="flex flex-col w-full gap-4"> <div className="flex flex-col w-full gap-4">
{winners.map((_, index) => ( {winners.map((_, index) => (
<LotteryWinner number="8 XX XX-XX-XX" index={index} /> <LotteryWinner number="8 XX XX-XX-XX" index={index} />
))} ))}
</div>
</div> </div>
</div> </div>
); );