diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2026-03-16 14:13:26 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2026-03-16 14:13:35 +0100 |
| commit | ac626a9c2edc2e528eb0b39002c836a747b2fc16 (patch) | |
| tree | 981a9f8b02370f9a54459a8171cdd9a32aa11c15 /src/frontend/app/components/PlannerOverlay.tsx | |
| parent | 8942cf3c705bbc78a6b3317599658e9bb86dd31b (diff) | |
feat: enhance geolocation handling with loading state and improve button click behavior
Diffstat (limited to 'src/frontend/app/components/PlannerOverlay.tsx')
| -rw-r--r-- | src/frontend/app/components/PlannerOverlay.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/frontend/app/components/PlannerOverlay.tsx b/src/frontend/app/components/PlannerOverlay.tsx index d953c2e..d42bd94 100644 --- a/src/frontend/app/components/PlannerOverlay.tsx +++ b/src/frontend/app/components/PlannerOverlay.tsx @@ -534,7 +534,7 @@ export const PlannerOverlay: React.FC<PlannerOverlayProps> = ({ <button type="button" className="flex w-full items-center justify-between px-4 py-3 text-left hover:bg-slate-50 dark:hover:bg-slate-800 disabled:opacity-50 transition-colors duration-200" - onClick={() => setOriginFromCurrentLocation} + onClick={() => setOriginFromCurrentLocation()} disabled={locationLoading} > <div className="flex items-center gap-2"> @@ -550,8 +550,10 @@ export const PlannerOverlay: React.FC<PlannerOverlayProps> = ({ </div> </div> </div> - <div className="text-lg text-slate-600 dark:text-slate-400"> - {locationLoading ? "…" : ""} + <div className="flex items-center"> + {locationLoading && ( + <div className="w-4 h-4 border-2 border-primary-500 border-t-transparent rounded-full animate-spin" /> + )} </div> </button> </li> |