AyrisAIandClaude Sonnet 5
1b8cfeda95
Security: - requireAdmin() session check added to every admin-only server action (previously relied only on middleware path matching, which Next.js Server Actions don't reliably respect) - Real Prisma + bcrypt admin auth, replacing hardcoded credentials; split into an Edge-safe auth.config.ts (used by proxy.ts) and the full Prisma-backed auth.ts (route handler, server actions, server components) - Removed hardcoded fallback secret on the Instagram sync cron endpoint - Honeypot field + per-IP rate limiting on contact/business-submission forms and the analytics events endpoint Features: - AI trip planner (/plan-olustur, /plan/[id]) backed by DeepSeek, grounded to only recommend isLocalApproved listings, with a deterministic link-injection fallback for anything the model doesn't format as markdown - Interactive Leaflet/OpenStreetMap view on category listing pages - Telegram notifications for new contact messages and business submissions SEO: - Brand-consistent favicon/apple-icon/PWA icons and default Open Graph/ Twitter share images, generated via next/og (replacing default Next.js placeholders) - BreadcrumbList structured data on category and listing detail pages - Fixed two remaining raw <img> tags to use next/image Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
92 lines
2.7 KiB
TypeScript
92 lines
2.7 KiB
TypeScript
'use client'
|
|
|
|
import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet'
|
|
import L from 'leaflet'
|
|
import 'leaflet/dist/leaflet.css'
|
|
import { Link } from '@/i18n/routing'
|
|
|
|
export interface MapListing {
|
|
id: string
|
|
slug: string
|
|
name: string
|
|
categorySlug: string
|
|
categoryName: string
|
|
latitude: number
|
|
longitude: number
|
|
isLocalApproved: boolean
|
|
image?: string
|
|
}
|
|
|
|
function buildPinIcon(color: string) {
|
|
return L.divIcon({
|
|
className: '',
|
|
html: `
|
|
<svg width="28" height="36" viewBox="0 0 28 36" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M14 0C6.3 0 0 6.3 0 14c0 10.5 14 22 14 22s14-11.5 14-22C28 6.3 21.7 0 14 0z" fill="${color}" stroke="#FBFAF6" stroke-width="1.5"/>
|
|
<circle cx="14" cy="14" r="5" fill="#FBFAF6"/>
|
|
</svg>
|
|
`,
|
|
iconSize: [28, 36],
|
|
iconAnchor: [14, 34],
|
|
popupAnchor: [0, -32],
|
|
})
|
|
}
|
|
|
|
const approvedIcon = buildPinIcon('#E8A23D')
|
|
const defaultIcon = buildPinIcon('#2E9C9A')
|
|
|
|
interface ListingsMapProps {
|
|
listings: MapListing[]
|
|
approvedLabel: string
|
|
viewLabel: string
|
|
}
|
|
|
|
export default function ListingsMap({ listings, approvedLabel, viewLabel }: ListingsMapProps) {
|
|
if (listings.length === 0) return null
|
|
|
|
const center: [number, number] = [
|
|
listings.reduce((sum, l) => sum + l.latitude, 0) / listings.length,
|
|
listings.reduce((sum, l) => sum + l.longitude, 0) / listings.length,
|
|
]
|
|
|
|
return (
|
|
<MapContainer
|
|
center={center}
|
|
zoom={13}
|
|
scrollWheelZoom={false}
|
|
className="w-full h-full"
|
|
style={{ background: '#EDEEE3' }}
|
|
>
|
|
<TileLayer
|
|
attribution='© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
|
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
|
|
/>
|
|
{listings.map((listing) => (
|
|
<Marker
|
|
key={listing.id}
|
|
position={[listing.latitude, listing.longitude]}
|
|
icon={listing.isLocalApproved ? approvedIcon : defaultIcon}
|
|
>
|
|
<Popup>
|
|
<div className="space-y-1.5 min-w-[160px]">
|
|
{listing.isLocalApproved && (
|
|
<span className="inline-block text-[10px] font-bold uppercase tracking-wider text-[#E8A23D]">
|
|
{approvedLabel}
|
|
</span>
|
|
)}
|
|
<div className="font-semibold text-sm text-[#123238]">{listing.name}</div>
|
|
<div className="text-xs text-[#4F7C93]">{listing.categoryName}</div>
|
|
<Link
|
|
href={`/${listing.categorySlug}/${listing.slug}`}
|
|
className="inline-block text-xs font-semibold text-[#2E9C9A] hover:underline"
|
|
>
|
|
{viewLabel} →
|
|
</Link>
|
|
</div>
|
|
</Popup>
|
|
</Marker>
|
|
))}
|
|
</MapContainer>
|
|
)
|
|
}
|