gap cahnged
This commit is contained in:
parent
b9ea40db20
commit
6c03d191b6
|
|
@ -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}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue