import { StatsSnapshot } from "@/api_fsb";
import { RootState } from "@/store";
import { createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit';


const initialState: StatsSnapshot[] = []

const grlStatsSlice = createSlice({
    name: 'grlStats',
    initialState,
    reducers: {

        addStatsData(state, action: PayloadAction<StatsSnapshot>) {
            state.push(action.payload);
        }
    }
})

export const {
    addStatsData
} = grlStatsSlice.actions;
export default grlStatsSlice.reducer


export const selectRecentStats = createSelector(
    [
        (state: RootState) => state.stats,
    ],
    (stats): StatsSnapshot | null => {
        const lastStat = stats[stats.length - 1];
        return lastStat ?? null;
    }
);

export const activeUsers = createSelector(
    [selectRecentStats],
    (recentStats): number | null => {
        return recentStats?.active_users_last_24h ?? null;
    }
);

export const activeSurveys = createSelector(
    [selectRecentStats],
    (recentStats): number | null => {
        return recentStats?.live_task_count?.total ?? null;
    }
);

export const maxPayout = createSelector(
    [selectRecentStats],
    (recentStats): number | null => {
        return recentStats?.live_tasks_max_payout?.value ?? null;
    }
);