+
+
+ Min Chance:
+
+
handleChanceFilter(CHANCE_STOPS[Number(e.target.value)])}
+ className="w-24 h-2 bg-gray-300 dark:bg-gray-600 rounded-lg appearance-none cursor-pointer accent-primary-light"
+ />
+
+ {formatChanceStop(filters.minChance ?? 0)}
+
+ {(filters.minChance ?? 0) > 0 && (
+
+ )}
+
@@ -434,8 +519,36 @@ function GiveawayCard({ giveaway, onEnter, onHide, onUnhide, onRemoveEntry, onCh
{timeLeft}
)}
+ {!isExpired && (
+
0
+ ? `${giveaway.entries} entries for ${giveaway.copies} ${giveaway.copies > 1 ? 'copies' : 'copy'} (as of last scan)`
+ : 'No entries recorded yet'
+ }
+ >
+
+ {giveaway.win_chance}%
+
+ )}
diff --git a/frontend/src/stores/giveawayFiltersStore.test.ts b/frontend/src/stores/giveawayFiltersStore.test.ts
new file mode 100644
index 0000000..f7e21a7
--- /dev/null
+++ b/frontend/src/stores/giveawayFiltersStore.test.ts
@@ -0,0 +1,63 @@
+import { describe, it, expect, beforeEach, vi, type Mock } from 'vitest';
+import { useGiveawayFiltersStore } from './giveawayFiltersStore';
+
+// localStorage is a vi.fn() mock (see test/setup.ts); read what the store
+// last wrote through the mock's call log.
+function lastPersistedState() {
+ const calls = (localStorage.setItem as Mock).mock.calls.filter(
+ ([key]) => key === 'giveaway-filters'
+ );
+ expect(calls.length).toBeGreaterThan(0);
+ return JSON.parse(calls[calls.length - 1][1]).state;
+}
+
+describe('giveawayFiltersStore', () => {
+ beforeEach(() => {
+ vi.clearAllMocks();
+ useGiveawayFiltersStore.getState().resetFilters();
+ });
+
+ it('starts with default filters', () => {
+ const { filters } = useGiveawayFiltersStore.getState();
+ expect(filters).toEqual({ status: 'active', limit: 20 });
+ });
+
+ it('merges partial updates', () => {
+ useGiveawayFiltersStore.getState().setFilters({ minScore: 7 });
+ useGiveawayFiltersStore.getState().setFilters({ minChance: 0.5, endingWithin: 6 });
+
+ const { filters } = useGiveawayFiltersStore.getState();
+ expect(filters.status).toBe('active');
+ expect(filters.minScore).toBe(7);
+ expect(filters.minChance).toBe(0.5);
+ expect(filters.endingWithin).toBe(6);
+ });
+
+ it('persists filters to localStorage', () => {
+ useGiveawayFiltersStore.getState().setFilters({ minScore: 8, status: 'wishlist' });
+
+ const persisted = lastPersistedState();
+ expect(persisted.filters.minScore).toBe(8);
+ expect(persisted.filters.status).toBe('wishlist');
+ });
+
+ it('does not persist the search query', () => {
+ useGiveawayFiltersStore.getState().setFilters({ search: 'portal', minScore: 5 });
+
+ const persisted = lastPersistedState();
+ expect(persisted.filters.search).toBeUndefined();
+ expect(persisted.filters.minScore).toBe(5);
+ // ...but it stays available in memory for the current session
+ expect(useGiveawayFiltersStore.getState().filters.search).toBe('portal');
+ });
+
+ it('resetFilters restores defaults', () => {
+ useGiveawayFiltersStore.getState().setFilters({ minScore: 9, minChance: 10 });
+ useGiveawayFiltersStore.getState().resetFilters();
+
+ expect(useGiveawayFiltersStore.getState().filters).toEqual({
+ status: 'active',
+ limit: 20,
+ });
+ });
+});
diff --git a/frontend/src/stores/giveawayFiltersStore.ts b/frontend/src/stores/giveawayFiltersStore.ts
new file mode 100644
index 0000000..eaa02d2
--- /dev/null
+++ b/frontend/src/stores/giveawayFiltersStore.ts
@@ -0,0 +1,41 @@
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+import type { GiveawayFilters } from '@/hooks/useGiveaways';
+
+type PersistedFilters = Omit
;
+
+interface GiveawayFiltersState {
+ filters: PersistedFilters;
+ setFilters: (update: Partial) => void;
+ resetFilters: () => void;
+}
+
+const DEFAULT_FILTERS: PersistedFilters = {
+ status: 'active',
+ limit: 20,
+};
+
+/**
+ * Giveaways page filter store with localStorage persistence.
+ *
+ * Keeps the selected tab, score/safety/chance/time filters across visits so
+ * they don't have to be re-applied every time the page is opened. The search
+ * query is deliberately NOT persisted (a stale search silently filtering the
+ * list is more confusing than helpful).
+ */
+export const useGiveawayFiltersStore = create()(
+ persist(
+ (set) => ({
+ filters: DEFAULT_FILTERS,
+ setFilters: (update) =>
+ set((state) => ({ filters: { ...state.filters, ...update } })),
+ resetFilters: () => set({ filters: DEFAULT_FILTERS }),
+ }),
+ {
+ name: 'giveaway-filters',
+ partialize: (state) => ({
+ filters: { ...state.filters, search: undefined },
+ }),
+ }
+ )
+);
diff --git a/frontend/src/types/index.ts b/frontend/src/types/index.ts
index 0933090..48f50d1 100644
--- a/frontend/src/types/index.ts
+++ b/frontend/src/types/index.ts
@@ -14,6 +14,8 @@ export interface Giveaway {
game_id: number | null;
price: number;
copies: number;
+ entries: number;
+ win_chance: number;
end_time: string | null;
discovered_at: string;
entered_at: string | null;