From 54256ba2da672272fc922c03bf0f7abc38ee9c5c Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Fri, 3 Jan 2025 17:52:05 +0500
Subject: [PATCH] lottery fix

---
 components/lottery/LotteryWinnersSection.tsx  | 35 ++++++++++---------
 .../slotCounter/LotterySlotCounter.tsx        |  1 +
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/components/lottery/LotteryWinnersSection.tsx b/components/lottery/LotteryWinnersSection.tsx
index 15042ee..85a1d49 100644
--- a/components/lottery/LotteryWinnersSection.tsx
+++ b/components/lottery/LotteryWinnersSection.tsx
@@ -188,32 +188,35 @@ const LotteryWinnersSection = ({ lotteryStatus }: { lotteryStatus: string }) =>
 
       <div className="container">
         <div
-          className="flex flex-col items-center rounded-[32px] gap-[40px] pt-[40px]"
+          className="flex flex-col items-center rounded-[32px] gap-[40px]"
           style={{ background: 'linear-gradient(180deg, #F0ECF4 0%, #E1E0FF 43.5%)' }}>
-          {winnerSelectingStatus === 'not-selected' || winnerSelectingStatus === 'is-selecting' ? (
-            <AnimatedText
-              text={displayText}
-              className="text-center flex items-center justify-center text-[100px] leading-[108px] text-[#E65E19]"
-            />
-          ) : (
-            <div className="flex flex-col items-center justify-center">
+          <div className="flex items-center justify-center w-full min-h-[240px]">
+            {winnerSelectingStatus === 'not-selected' ||
+            winnerSelectingStatus === 'is-selecting' ? (
               <AnimatedText
                 text={displayText}
-                className="text-center text-[56px] leading-[64px] text-[#E65E19]"
+                className="text-center flex items-center justify-center text-[100px] leading-[108px] text-[#E65E19]"
               />
-              {winnerText && (
+            ) : (
+              <div className="flex flex-col items-center justify-center">
                 <AnimatedText
-                  text={winnerText}
-                  className="text-center text-[80px] leading-[88px] text-[#E65E19]"
+                  text={displayText}
+                  className="text-center text-[56px] leading-[64px] text-[#E65E19]"
                 />
-              )}
-            </div>
-          )}
+                {winnerText && (
+                  <AnimatedText
+                    text={winnerText}
+                    className="text-center text-[80px] leading-[88px] text-[#E65E19]"
+                  />
+                )}
+              </div>
+            )}
+          </div>
 
           <div className="z-10">
             <LotterySlotCounter numberString={currentNumber} isAnimating={isSlotCounterAnimating} />
           </div>
-          <div className="flex gap-6  rounded-[12px] flex-1 w-full items-center justify-center sm:pb-[62px] pb-[32px] px-4">
+          <div className="flex gap-6 rounded-[12px] flex-1 w-full items-center justify-center sm:pb-[62px] pb-[32px] px-4">
             <LotteryWinnersList winners={winners} />
           </div>
         </div>
diff --git a/components/lottery/slotCounter/LotterySlotCounter.tsx b/components/lottery/slotCounter/LotterySlotCounter.tsx
index 2c2354d..3c49955 100644
--- a/components/lottery/slotCounter/LotterySlotCounter.tsx
+++ b/components/lottery/slotCounter/LotterySlotCounter.tsx
@@ -84,6 +84,7 @@ const LotterySlotCounter = ({ numberString, isAnimating }: LotterySlotCounterPro
             speed={2}
             delay={2}
             startFromLastDigit
+            animateUnchanged
             animateOnVisible={false}
             autoAnimationStart={false}
           />