gap cahnged

This commit is contained in:
Kakabay 2025-01-02 15:04:54 +05:00
parent b9ea40db20
commit 6c03d191b6
1 changed files with 13 additions and 15 deletions

View File

@ -1,20 +1,18 @@
"use client"; 'use client';
import { useState } from "react"; import { useState } from 'react';
import { useLotteryAuth } from "@/store/useLotteryAuth"; import { useLotteryAuth } from '@/store/useLotteryAuth';
import ProtectedRoute from "@/components/lottery/auth/ProtectedRoute"; import ProtectedRoute from '@/components/lottery/auth/ProtectedRoute';
import LotteryHeader from "@/components/lottery/LotteryHeader"; import LotteryHeader from '@/components/lottery/LotteryHeader';
import LotteryWinnersSection from "@/components/lottery/LotteryWinnersSection"; import LotteryWinnersSection from '@/components/lottery/LotteryWinnersSection';
import LotteryRulesSection from "@/components/lottery/rules/LotteryRulesSection"; import LotteryRulesSection from '@/components/lottery/rules/LotteryRulesSection';
import LotteryCountDown from "@/components/lottery/countDown/LotteryCountDown"; import LotteryCountDown from '@/components/lottery/countDown/LotteryCountDown';
import LotteryCountDownAllert from "@/components/lottery/countDown/countDownAllert/LotteryCountDownAllert"; import LotteryCountDownAllert from '@/components/lottery/countDown/countDownAllert/LotteryCountDownAllert';
const LotteryPage = () => { const LotteryPage = () => {
const { lotteryData } = useLotteryAuth(); const { lotteryData } = useLotteryAuth();
const [status, setStatus] = useState<"not-started" | "started" | "ended">( const [status, setStatus] = useState<'not-started' | 'started' | 'ended'>('not-started');
"not-started"
);
return ( return (
<ProtectedRoute> <ProtectedRoute>
@ -28,7 +26,7 @@ const LotteryPage = () => {
smsCode={lotteryData.data.sms_code} smsCode={lotteryData.data.sms_code}
/> />
{status === "not-started" ? ( {status === 'not-started' ? (
<div className="container"> <div className="container">
<LotteryCountDown <LotteryCountDown
lotteryStatus={status} lotteryStatus={status}
@ -43,8 +41,8 @@ const LotteryPage = () => {
<LotteryRulesSection /> <LotteryRulesSection />
{lotteryData && (status === "ended" || status === "started") && ( {lotteryData && (status === 'ended' || status === 'started') && (
<div className="flex flex-col sm:gap-[100px] gap-[40px]"> <div className="flex flex-col gap-[0px]">
<LotteryCountDownAllert <LotteryCountDownAllert
lotteryStatus={status} lotteryStatus={status}
setLotteryStatus={setStatus} setLotteryStatus={setStatus}