+
+
-
diff --git a/src/components/logged-in/transactions/filters/search-params.ts b/src/components/logged-in/transactions/filters/search-params.ts
index df1318e..e910d2f 100644
--- a/src/components/logged-in/transactions/filters/search-params.ts
+++ b/src/components/logged-in/transactions/filters/search-params.ts
@@ -1,8 +1,47 @@
+import {
+ DATE_PRESETS,
+ type DatePreset,
+ getActivePreset,
+ getDateRangeFromPreset,
+} from '@/components/logged-in/shared/date-range-filter'
import { parseAsLocalDate } from '@/lib/utils'
import { parseAsArrayOf, parseAsString, useQueryStates } from 'nuqs'
+import { useCallback, useEffect, useRef } from 'react'
+
+const STORAGE_KEY = 'transactions-date-preset'
+const DEFAULT_PRESET: Exclude
= '30d'
+
+function getStoredPreset(): Exclude {
+ if (typeof window === 'undefined') return DEFAULT_PRESET
+
+ try {
+ const stored = localStorage.getItem(STORAGE_KEY)
+ if (!stored) return DEFAULT_PRESET
+
+ const validPresets = DATE_PRESETS.filter((p) => p !== 'custom')
+ if (validPresets.includes(stored as Exclude)) {
+ return stored as Exclude
+ }
+ } catch {
+ // localStorage unavailable or blocked
+ }
+
+ return DEFAULT_PRESET
+}
+
+function setStoredPreset(preset: Exclude): void {
+ if (typeof window === 'undefined') return
+ try {
+ localStorage.setItem(STORAGE_KEY, preset)
+ } catch {
+ // localStorage unavailable or blocked
+ }
+}
export function useTransactionsFilters() {
- const [transactionFilters, setTransactionFilters] = useQueryStates({
+ const initializedRef = useRef(false)
+
+ const [transactionFilters, setQueryFilters] = useQueryStates({
category: parseAsString.withDefault('all'),
from: parseAsLocalDate,
to: parseAsLocalDate,
@@ -11,6 +50,49 @@ export function useTransactionsFilters() {
uploadId: parseAsString.withDefault('all'),
})
+ // Initialize from localStorage on first render if URL has no dates
+ useEffect(() => {
+ if (initializedRef.current) return
+ initializedRef.current = true
+
+ if (!transactionFilters.from && !transactionFilters.to) {
+ const storedPreset = getStoredPreset()
+ const range = getDateRangeFromPreset(storedPreset)
+ setQueryFilters({ from: range.from, to: range.to })
+ }
+ }, [transactionFilters.from, transactionFilters.to, setQueryFilters])
+
+ // Persist active preset to localStorage when dates change
+ const prevPresetRef = useRef(null)
+ useEffect(() => {
+ if (!transactionFilters.from || !transactionFilters.to) return
+
+ const activePreset = getActivePreset(
+ transactionFilters.from,
+ transactionFilters.to,
+ )
+ if (activePreset !== 'custom' && activePreset !== prevPresetRef.current) {
+ setStoredPreset(activePreset)
+ prevPresetRef.current = activePreset
+ }
+ }, [transactionFilters.from, transactionFilters.to])
+
+ const setTransactionFilters = useCallback(
+ (
+ updates: Partial<{
+ category: string | null
+ from: Date | null
+ to: Date | null
+ query: string | null
+ ids: string[] | null
+ uploadId: string | null
+ }>,
+ ) => {
+ return setQueryFilters(updates)
+ },
+ [setQueryFilters],
+ )
+
return {
transactionFilters,
setTransactionFilters,