From ad19dbca53349175c17e93f53887a6737ac5c65f Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 14 Jun 2025 15:46:57 +0000
Subject: [PATCH] Pass system and region to system mapping

Pass system and region to the system mapping function to avoid redundant API calls.
---
 src/components/RegionMap.tsx |  3 ++-
 src/pages/SystemView.tsx     | 16 +++++-----------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/components/RegionMap.tsx b/src/components/RegionMap.tsx
index 13d7d3f..01b65c5 100644
--- a/src/components/RegionMap.tsx
+++ b/src/components/RegionMap.tsx
@@ -135,7 +135,8 @@ export const RegionMap: React.FC<RegionMapProps> = ({
   }, [systems, focusSystem, isCompact]);
 
   const handleSystemClick = (systemName: string) => {
-    navigate(`/systems/${systemName}`);
+    // Pass the region name when navigating to a system
+    navigate(`/systems/${systemName}?region=${regionName}`);
   };
 
   const handleMouseDown = useCallback((e: React.MouseEvent) => {
diff --git a/src/pages/SystemView.tsx b/src/pages/SystemView.tsx
index 7af0a1c..c24d64f 100644
--- a/src/pages/SystemView.tsx
+++ b/src/pages/SystemView.tsx
@@ -1,19 +1,13 @@
 
-import { useParams, useNavigate } from "react-router-dom";
-import { useQuery } from "@tanstack/react-query";
+import { useParams, useNavigate, useSearchParams } from "react-router-dom";
 import SystemTracker from "@/components/SystemTracker";
 import { RegionMap } from "@/components/RegionMap";
-import { findSystemRegion } from "@/utils/systemRegionMapping";
 
 const SystemView = () => {
   const { system } = useParams();
   const navigate = useNavigate();
-
-  const { data: regionName } = useQuery({
-    queryKey: ['system-region', system],
-    queryFn: () => findSystemRegion(system!),
-    enabled: !!system,
-  });
+  const [searchParams] = useSearchParams();
+  const regionName = searchParams.get('region');
 
   if (!system) {
     navigate("/");
@@ -53,8 +47,8 @@ const SystemView = () => {
             ) : (
               <div className="bg-black/20 backdrop-blur-sm border border-purple-500/30 rounded-lg p-4 h-96 flex items-center justify-center">
                 <div className="text-center">
-                  <div className="text-white text-sm">Loading region data...</div>
-                  <div className="text-purple-200 text-xs mt-1">Finding system location</div>
+                  <div className="text-white text-sm">No region information</div>
+                  <div className="text-purple-200 text-xs mt-1">Navigate from a region map to see regional overview</div>
                 </div>
               </div>
             )}