Milestones 0 and 1: foundation and money in (20261007.10)
Foundation: single arm64 container (Hono + SQLite via Drizzle, React + Vite), local sign-in with long-lived sessions and passkeys, roles (read-only, full access, admin), nightly and pre-upgrade backups, light and dark themes, date-based version numbers, and the ideas lightbulb behind IDEAS_ENABLED. Money in: accounts with balances, CSV import with bank detection, a column mapping pop-up for unknown layouts, duplicate checks, transfer pairing and undo; one-tap review with learned rules; activity with search, splits, tags, notes and cash entries. Statement files are blocked from commits by a pre-commit hook; tests use synthetic fixtures only. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
15
web/src/lib/useMediaQuery.ts
Normal file
15
web/src/lib/useMediaQuery.ts
Normal file
@@ -0,0 +1,15 @@
|
||||
import { useSyncExternalStore } from 'react';
|
||||
|
||||
export function useMediaQuery(query: string): boolean {
|
||||
return useSyncExternalStore(
|
||||
(onChange) => {
|
||||
const list = window.matchMedia(query);
|
||||
list.addEventListener('change', onChange);
|
||||
return () => list.removeEventListener('change', onChange);
|
||||
},
|
||||
() => window.matchMedia(query).matches,
|
||||
);
|
||||
}
|
||||
|
||||
/** Phones get bottom sheets and big targets; larger screens get popovers. */
|
||||
export const useIsPhone = () => !useMediaQuery('(min-width: 640px)');
|
||||
Reference in New Issue
Block a user