"use client";
import { useSession } from "next-auth/react";
import { useEffect } from "react";
import Link from "next/link";
import { useCreditsStore } from "@/lib/stores/credits-store";
export function WalletBadge() {
const { data: session, status } = useSession();
// Shared store dedups across all credit-aware UI on the page; previously
// both this component and LoyaltyBadge polled independently every 15s.
const credits = useCreditsStore((s) => s.credits);
const startPolling = useCreditsStore((s) => s.startPolling);
const stopPolling = useCreditsStore((s) => s.stopPolling);
useEffect(() => {
if (status === "unauthenticated") {
// C.9: cancel the polling timer and clear the cached balance the
// moment the user signs out, so the next user signed-in in the
// same tab doesn't see a stale number.
stopPolling();
return;
}
if (!session?.user) return;
startPolling();
}, [status, session, startPolling, stopPolling]);
if (!session?.user || credits === null) return null;
return (
{/* Gold coin icon */}
{credits.toLocaleString()}
);
}