From 695a305f25284b612e2ce5199f28ca86a91af8d5 Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Fri, 13 Dec 2024 16:56:06 +0500
Subject: [PATCH] croll bar added to the winner list

---
 app/(main)/lottery/active/page.tsx            | 14 +++++++------
 components/lottery/LotteryWinnersSection.tsx  |  2 +-
 .../lottery/winners/LotteryWinnersList.tsx    | 20 ++++++++++---------
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/app/(main)/lottery/active/page.tsx b/app/(main)/lottery/active/page.tsx
index d3c305f..7c7dccc 100644
--- a/app/(main)/lottery/active/page.tsx
+++ b/app/(main)/lottery/active/page.tsx
@@ -98,12 +98,14 @@ const page = () => {
 
       <section className="flex flex-col gap-[40px]">
         {lotteryStatus === 'not-started' && (
-          <LotteryCountDown
-            startDate={'2024-12-14 16:15:00'}
-            endDate={'2024-12-15 16:00:00'}
-            lotteryStatus={lotteryStatus}
-            setLotteryStatus={setLotteryStatus}
-          />
+          <div className="container">
+            <LotteryCountDown
+              startDate={'2024-12-14 16:15:00'}
+              endDate={'2024-12-15 16:00:00'}
+              lotteryStatus={lotteryStatus}
+              setLotteryStatus={setLotteryStatus}
+            />
+          </div>
         )}
         <LotteryCountDownAllert
           startDate={'2024-12-14 16:15:00'}
diff --git a/components/lottery/LotteryWinnersSection.tsx b/components/lottery/LotteryWinnersSection.tsx
index 2975ede..b6be0cf 100644
--- a/components/lottery/LotteryWinnersSection.tsx
+++ b/components/lottery/LotteryWinnersSection.tsx
@@ -5,7 +5,7 @@ import SpinWheel from './spinWheel/SpinWheel';
 import { useState } from 'react';
 
 const LotteryWinnersSection = () => {
-  const [winners, setWinners] = useState<number[]>([]);
+  const [winners, setWinners] = useState<number[]>([1, 2, 3, 4, 5, 5, 5, 5]);
 
   return (
     <section>
diff --git a/components/lottery/winners/LotteryWinnersList.tsx b/components/lottery/winners/LotteryWinnersList.tsx
index 83a74e7..10e15bf 100644
--- a/components/lottery/winners/LotteryWinnersList.tsx
+++ b/components/lottery/winners/LotteryWinnersList.tsx
@@ -2,16 +2,18 @@ import LotteryWinner from './LotteryWinner';
 
 const LotteryWinnersList = ({ winners }: { winners: number[] }) => {
   return (
-    <div className="flex flex-col w-full md:p-8 p-6 gap-4">
-      <div className="flex flex-col gap-2 md:pb-4 pb-3 border-b border-lightOutlineVariant">
-        <h4 className="font-heading-3-regular">Results</h4>
-        <p className="font-base-medium">The results after each stage will be shown here.</p>
-      </div>
+    <div className="w-full md:p-8 p-6">
+      <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">
+        <div className="flex flex-col gap-2 md:pb-4 pb-3 border-b border-lightOutlineVariant">
+          <h4 className="font-heading-3-regular">Results</h4>
+          <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">
-        {winners.map((_, index) => (
-          <LotteryWinner number="8 XX XX-XX-XX" index={index} />
-        ))}
+        <div className="flex flex-col w-full gap-4">
+          {winners.map((_, index) => (
+            <LotteryWinner number="8 XX XX-XX-XX" index={index} />
+          ))}
+        </div>
       </div>
     </div>
   );