Files

Eric Gullickson 8e52f3fb0e Fix Google Maps API callback for async loading

The loading=async parameter requires a callback to notify when the API
is ready. Without a callback, google.maps is not properly initialized.

Use a global callback function with a timestamp suffix to handle the
async initialization properly, ensuring google.maps.Map constructor
is available when the component tries to initialize the map.

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

2025-11-04 19:36:03 -06:00

cypress/e2e

Gas Station Feature

2025-11-04 18:46:46 -06:00

docs

Gas Station Feature

2025-11-04 18:46:46 -06:00

scripts

Gas Station Feature

2025-11-04 18:46:46 -06:00

src

Fix Google Maps API callback for async loading

2025-11-04 19:36:03 -06:00

test

Initial Commit

2025-09-17 16:09:15 -05:00

.dockerignore

Phase 6 complete: Docker modernization with production-first architecture

2025-08-23 19:52:36 -05:00

.env.example

MVP Build

2025-08-09 12:47:15 -05:00

.gitignore

MVP Build

2025-08-09 12:47:15 -05:00

Dockerfile

Gas Station Feature

2025-11-04 18:46:46 -06:00

eslint.config.js

MVP Build

2025-08-09 12:47:15 -05:00

index.html

Gas Station Feature

2025-11-04 18:46:46 -06:00

jest.config.ts

Initial Commit

2025-09-17 16:09:15 -05:00

nginx.conf

Initial Commit

2025-09-17 16:09:15 -05:00

package.json

Homepage Redesign

2025-11-03 14:06:54 -06:00

postcss.config.js

MVP Build

2025-08-09 12:47:15 -05:00

README.md

Stuff

2025-11-04 18:38:06 -06:00

setupTests.ts

Initial Commit

2025-09-17 16:09:15 -05:00

tailwind.config.js

MVP with new UX

2025-08-09 17:45:54 -05:00

tsconfig.build.json

Added Documents Feature

2025-09-28 20:35:46 -05:00

tsconfig.json

Docker baseline before Phase 6 modernization

2025-08-23 19:19:01 -05:00

tsconfig.node.json

MVP Build

2025-08-09 12:47:15 -05:00

vite.config.ts

Enable console debugging and add debug statements

2025-11-04 19:24:20 -06:00

README.md

Frontend Quickload

Overview

Tech: React 18, Vite, TypeScript, MUI, Tailwind, React Query, Zustand.
Auth: Auth0 via src/core/auth/Auth0Provider.tsx.
Data: API client in src/core/api/client.ts with React Query config.

Commands (containers)

Build: make rebuild
Logs: make logs-frontend

Structure

src/App.tsx, src/main.tsx — app entry.
src/features/* — feature pages/components/hooks.
src/core/* — auth, api, store, hooks, query config, utils.
src/shared-minimal/* — shared UI components and theme.

Mobile + Desktop (required)

Layouts responsive by default; validate on small/large viewports.
Verify Suspense fallbacks and navigation flows on both form factors.
Test key screens: Vehicles, Fuel Logs, Documents, Settings.
Ensure touch interactions and keyboard navigation work equivalently.

Testing

Jest config: frontend/jest.config.ts (jsdom).
Setup: frontend/setupTests.ts (Testing Library).
Run: docker compose exec mvp-frontend npm test (from project root, containerized).
Watch mode: docker compose exec mvp-frontend npm run test:watch.

Patterns

State: co-locate feature state in src/core/store (Zustand) and React Query for server state.
Forms: react-hook-form + Zod resolvers.
UI: MUI components; Tailwind for utility styling.