v2: ID verification by state, 15 photos/5 albums, 20 quick replies, logo, mobile polish

src/components/Map.tsx

@@ -13,6 +13,7 @@ import { Filter, Users, X } from "lucide-react";
 import type { Profile, CruisingSpot, MapFilters, Position } from "@/types";
 import { KINK_OPTIONS, POSITION_COLORS } from "@/types";
 import { MOCK_PROFILES, MOCK_SPOTS } from "@/lib/mock-data";
+import { useOpenIdVerification } from "@/components/Providers";
 
 import "leaflet/dist/leaflet.css";
 import "leaflet.markercluster/dist/MarkerCluster.css";
@@ -48,6 +49,7 @@ interface MapProps {
 }
 
 export function CruisingMap({ vanillaMode, onActiveCountChange }: MapProps) {
+  const openIdVerification = useOpenIdVerification();
   const [profiles, setProfiles] = useState<Profile[]>(MOCK_PROFILES);
   const [spots] = useState<CruisingSpot[]>(MOCK_SPOTS);
   const [selectedProfile, setSelectedProfile] = useState<Profile | null>(null);
@@ -358,6 +360,7 @@ export function CruisingMap({ vanillaMode, onActiveCountChange }: MapProps) {
         onClose={() => setSelectedProfile(null)}
         onChat={handleChat}
         vanillaMode={vanillaMode}
+        onVerifyClick={openIdVerification}
       />
     </div>
   );