From c4a85d3dc8745cfbb951111d81839698e4e493bd Mon Sep 17 00:00:00 2001
From: Application-drop-up <msts.oo0131@gmail.com>
Date: Tue, 19 May 2026 10:05:47 +0900
Subject: [PATCH] chore(search): delete SearchResultMapComponent.tsx [closes
 #363]

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../components/SearchResultMapComponent.tsx   | 81 -------------------
 1 file changed, 81 deletions(-)
 delete mode 100644 client/src/app/features/search/components/SearchResultMapComponent.tsx

diff --git a/client/src/app/features/search/components/SearchResultMapComponent.tsx b/client/src/app/features/search/components/SearchResultMapComponent.tsx
deleted file mode 100644
index 74b00e5..0000000
--- a/client/src/app/features/search/components/SearchResultMapComponent.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { MapContainer, TileLayer, CircleMarker, Tooltip, useMap } from "react-leaflet";
-import { useNavigate } from "react-router-dom";
-import type { WorldHeritageVm } from "../../../../domain/types.ts";
-import "leaflet/dist/leaflet.css";
-import { useEffect } from "react";
-import type { LatLngBoundsExpression } from "leaflet";
-
-const CATEGORY_COLOR: Record<string, string> = {
-  Cultural: "#f59e0b",
-  Natural: "#22c55e",
-  Mixed: "#ef4444",
-};
-
-const getColor = (category: string): string => CATEGORY_COLOR[category] ?? "#6366f1";
-
-const isValidCoordinate = (lat: number | null, lng: number | null): lat is number =>
-  lat !== null && lng !== null && lat !== 0 && lng !== 0;
-
-function FitBounds({ items }: { items: WorldHeritageVm[] }) {
-  const map = useMap();
-
-  useEffect(() => {
-    if (items.length === 0) return;
-
-    const bounds: LatLngBoundsExpression = items.map((item) => [
-      item.latitude as number,
-      item.longitude as number,
-    ]);
-
-    map.fitBounds(bounds, { padding: [40, 40], maxZoom: 5 });
-  }, [items, map]);
-
-  return null;
-}
-
-export function SearchResultMapComponent({ items }: { items: WorldHeritageVm[] }) {
-  const navigate = useNavigate();
-
-  const validItems = items.filter((item) => isValidCoordinate(item.latitude, item.longitude));
-
-  if (validItems.length === 0) {
-    return null;
-  }
-
-  return (
-    <div className={"my-8"}>
-      <MapContainer
-        center={[20, 0]}
-        zoom={2}
-        style={{ height: "360px", width: "100%" }}
-        scrollWheelZoom={false}
-      >
-        <TileLayer
-          url="https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"
-          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> &copy; <a href="https://carto.com/">CARTO</a>'
-        />
-        <FitBounds items={validItems} />
-        {validItems.map((item) => (
-          <CircleMarker
-            key={item.id}
-            center={[item.latitude as number, item.longitude as number]}
-            radius={7}
-            pathOptions={{
-              color: getColor(item.category),
-              fillColor: getColor(item.category),
-              fillOpacity: 0.8,
-            }}
-            eventHandlers={{
-              click: () => navigate(`/heritages/${item.id}`),
-            }}
-          >
-            <Tooltip>
-              <div className="text-xs font-semibold">{item.name}</div>
-              <div className="text-xs text-zinc-500">{item.category}</div>
-            </Tooltip>
-          </CircleMarker>
-        ))}
-      </MapContainer>
-    </div>
-  );
-}