store.ts

/* eslint-disable no-unused-vars */
import { persist } from "zustand/middleware";
import { create } from "zustand";

export type ListState = {
  currentTotal: number;
  sort: {
    asc: boolean;
    by: "created_at" | "amount";
  };
  hideAmounts: boolean;
  dailyProgressDays: number;
  showLogs: boolean;
  monthlyTotalBy: "last" | "avg";
  showAIDialog: boolean;
  lastAIOutput: string | null;
  setLastAIOutput: (ai: string) => void;
  setShowAIDialog: () => void;
  setCurrentTotal: (total: number) => void;
  setSort: (asc: boolean, by: "created_at" | "amount") => void;
  toggleHideAmounts: () => void;
  setDailyProgressDays: (days: number) => void;
  setMonthlyTotalBy: (by: "last" | "avg") => void;
  setShowLogs: () => void;
};

export const useListState = create<ListState>()(
  persist(
    (set, get) => ({
      sort: {
        asc: false,
        by: "created_at",
      },
      setSort: (asc, by) => set(() => ({ sort: { asc, by } })),
      hideAmounts: false,
      toggleHideAmounts: () => set({ hideAmounts: !get().hideAmounts }),
      dailyProgressDays: 28,
      setDailyProgressDays: (days) => set(() => ({ dailyProgressDays: days })),
      showLogs: true,
      monthlyTotalBy: "last",
      lastAIOutput: null,
      setLastAIOutput: (ai) => set(() => ({ lastAIOutput: ai })),
      setMonthlyTotalBy: (by) => set(() => ({ monthlyTotalBy: by })),
      setShowLogs: () => set({ showLogs: !get().showLogs }),
      currentTotal: 0,
      setCurrentTotal: (total) => set({ currentTotal: total }),
      showAIDialog: false,
      setShowAIDialog: () => set({ showAIDialog: !get().showAIDialog }),
    }),
    { name: "list-page" },
  ),
);