From 88d610c947f4bdd95c2fe2689cc627950f65a6c3 Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Fri, 24 Jul 2026 10:36:48 +0700
Subject: [PATCH] Add "Add Event" and "Sell Gear" to the map Add speed-dial

The mobile "+" speed-dial was missing two core actions:
- Add Event (lime #ccff00, Calendar icon) -> /create-event
- Sell Gear (orange #f97316, ShoppingBag icon) -> /create-listing

Now fans out: Add Spot / Add Shop / Add Event / Sell Gear / Offer Tour /
Quick Snap. Colors follow the canonical entity palette. Bumped Quick Snap's
stagger delay so it animates in last.

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 src/pages/MapPage.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/MapPage.tsx b/src/pages/MapPage.tsx
index 84164e3..53fb517 100644
--- a/src/pages/MapPage.tsx
+++ b/src/pages/MapPage.tsx
@@ -72,6 +72,7 @@ import {
   Store,
   Info,
   Layers,
+  Calendar,
 } from 'lucide-react';
 import { CameraCapture } from '@/components/CameraCapture';
 import { useUploadFile } from '@/hooks/useUploadFile';
@@ -1598,9 +1599,11 @@ export default function MapPage() {
                   {addDialOpen && (
                     <>
                       {[
-                        { label: 'Add Spot',  to: '/create-spot',  bg: 'bg-[#ff0040]', icon: <MapPin className="h-4 w-4 text-white" /> },
-                        { label: 'Add Shop',  to: '/create-shop',  bg: 'bg-[#9333ea]', icon: <Store className="h-4 w-4 text-white" /> },
-                        { label: 'Offer Tour', to: '/create-tour', bg: 'bg-[#06b6d4]', icon: <Route className="h-4 w-4 text-white" /> },
+                        { label: 'Add Spot',   to: '/create-spot',    bg: 'bg-[#ff0040]', icon: <MapPin className="h-4 w-4 text-white" /> },
+                        { label: 'Add Shop',   to: '/create-shop',    bg: 'bg-[#9333ea]', icon: <Store className="h-4 w-4 text-white" /> },
+                        { label: 'Add Event',  to: '/create-event',   bg: 'bg-[#ccff00]', icon: <Calendar className="h-4 w-4 text-black" /> },
+                        { label: 'Sell Gear',  to: '/create-listing', bg: 'bg-[#f97316]', icon: <ShoppingBag className="h-4 w-4 text-white" /> },
+                        { label: 'Offer Tour', to: '/create-tour',    bg: 'bg-[#06b6d4]', icon: <Route className="h-4 w-4 text-white" /> },
                       ].map((a, i) => (
                         <Link
                           key={a.to}
@@ -1621,7 +1624,7 @@ export default function MapPage() {
                       <button
                         onClick={() => { setAddDialOpen(false); setShowQuickCamera(true); }}
                         className="flex items-center gap-2.5 animate-in fade-in slide-in-from-bottom-2 duration-200"
-                        style={{ animationDelay: '120ms' }}
+                        style={{ animationDelay: '200ms' }}
                       >
                         <span className="px-2.5 py-1 rounded-lg bg-black/85 backdrop-blur text-white text-xs font-bold shadow-lg border border-white/10">
                           Quick Snap