tippspiel/frontend/src/hooks/useRankChange.js

import { useState, useEffect } from 'react';
import { api } from '../api/client';
const RANK_KEY = 'tippspiel_last_rank';
const SHOWN_KEY = 'tippspiel_rank_toast_shown';
export function useRankChange() {
    const [message, setMessage] = useState(null);
    useEffect(() => {
        // Only show once per session
        if (sessionStorage.getItem(SHOWN_KEY))
            return;
        api.getMyStats().then(stats => {
            if (!stats.rank)
                return;
            const lastRank = parseInt(localStorage.getItem(RANK_KEY) || '0');
            if (lastRank > 0 && lastRank !== stats.rank) {
                if (stats.rank < lastRank) {
                    setMessage(`⬆️ Du bist auf Platz ${stats.rank} aufgestiegen!`);
                }
                else {
                    setMessage(`⬇️ Du bist auf Platz ${stats.rank} gerutscht — hol dir die Punkte zurück!`);
                }
                sessionStorage.setItem(SHOWN_KEY, '1');
            }
            localStorage.setItem(RANK_KEY, String(stats.rank));
        }).catch(() => { });
    }, []);
    function dismiss() { setMessage(null); }
    return { message, dismiss };
}