Ilgeldi
/
turkmentv_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lottery auth bug fix

This commit is contained in:
Kakabay 2025-01-29 18:08:55 +05:00
parent 376ffa651a
commit ecaaa6e2cc
1 changed files with 31 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
app/(main)/lottery/page.tsx
View File

@ -1,34 +1,44 @@
'use client'; "use client";
import { useEffect, useState } from 'react'; import { useEffect, 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 { Queries } from "@/api/queries";
import { LotteryWinnerDataSimplified } from '@/typings/lottery/lottery.types'; import Link from "next/link";
import { Queries } from '@/api/queries'; import { useRouter } from "next/navigation";
import Link from 'next/link';
const LotteryPage = () => { const LotteryPage = () => {
const { lotteryData, setAuth } = useLotteryAuth(); const { lotteryData, setAuth } = useLotteryAuth();
const [status, setStatus] = useState<'not-started' | 'started' | 'ended'>('not-started'); const [status, setStatus] = useState<"not-started" | "started" | "ended">(
"not-started"
);
const router = useRouter();
// ✅ Fetch fresh data on page load // ✅ Fetch fresh data on page load
useEffect(() => { useEffect(() => {
const phone = localStorage.getItem('lotteryPhone'); const phone = localStorage.getItem("lotteryPhone");
const code = localStorage.getItem('lotteryCode'); const code = localStorage.getItem("lotteryCode");
if (phone && code) { if (phone && code) {
Queries.authenticateLottery(phone, code) Queries.authenticateLottery(phone, code)
.then((response) => { .then((response) => {
setAuth(response, phone, code); if (response.errorMessage) {
// If authentication fails, redirect to the auth page
router.replace("/lottery/auth");
} else {
// ✅ Set the authenticated state
setAuth(response, phone, code);
}
}) })
.catch((err) => { .catch((err) => {
console.error('Failed to fetch lottery data:', err); console.error("Failed to fetch lottery data:", err);
console.error("Authentication failed:", err);
router.replace("/lottery/auth");
}); });
} }
}, [setAuth]); }, [setAuth]);
@ -46,7 +56,7 @@ const LotteryPage = () => {
startDate={lotteryData.data.start_time} startDate={lotteryData.data.start_time}
/> />
{status === 'not-started' ? ( {status === "not-started" ? (
<div className="container"> <div className="container">
<LotteryCountDown <LotteryCountDown
lotteryStatus={status} lotteryStatus={status}
@ -62,14 +72,15 @@ const LotteryPage = () => {
<LotteryRulesSection /> <LotteryRulesSection />
<div className="flex flex-col gap-10"> <div className="flex flex-col gap-10">
{lotteryData && (status === 'ended' || status === 'started') && ( {lotteryData && (status === "ended" || status === "started") && (
<LotteryWinnersSection lotteryStatus={status} /> <LotteryWinnersSection lotteryStatus={status} />
)} )}
<div className="w-full"> <div className="w-full">
<div className="container"> <div className="container">
<Link <Link
href="/lottery/auth" href="/lottery/auth"
className="sm:text-textLarge sm:leading-textLarge text-[16px] rounded-full leading-[24px] sm:py-[12px] py-[8px] w-full flex justify-center items-center border-2 border-lightPrimary hover:bg-lightPrimary font-medium text-lightPrimary hover:text-lightOnPrimary disabled:opacity-50 transition-all duration-300"> className="sm:text-textLarge sm:leading-textLarge text-[16px] rounded-full leading-[24px] sm:py-[12px] py-[8px] w-full flex justify-center items-center border-2 border-lightPrimary hover:bg-lightPrimary font-medium text-lightPrimary hover:text-lightOnPrimary disabled:opacity-50 transition-all duration-300"
>
Çykmak Çykmak
</Link> </Link>
</div> </div>