fix namespace page

src/pages/Namespaces.tsx

@@ -7,6 +7,7 @@ interface Namespace {
 }
 export default function Namespaces() {
   const [namespaces, setNamespace] = useState<Namespace[]>([])
+  const [clusterName, setClusterName] = useState<string>('')
   // const namespaces = [
   //   { name: 'default', status: 'Active', age: '2d', labels: 'app=web' },
   //   { name: 'kube-system', status: 'Active', age: '2d', labels: 'system' },
@@ -14,9 +15,21 @@ export default function Namespaces() {
   //   { name: 'ingress-nginx', status: 'Active', age: '1d', labels: 'ingress' },
   // ]
 
+  
+
+    useEffect(() => {
+    const storedClusterName = localStorage.getItem('selectedCluster')
+    if (storedClusterName) {
+      setClusterName(storedClusterName)
+    }
+
+        fetchNamespaces()    
+    }, [clusterName])  
+
     const fetchNamespaces = async () => {
+      if (!clusterName) return
       try {
-      const response = await fetch('http://localhost:8082/cluster_namespaces?Name=test-cluster', {
+        const response = await fetch(`http://localhost:8082/cluster_namespaces?Name=${encodeURIComponent(clusterName)}`, {
           method: 'GET',
           headers: { 
             'Content-Type': 'application/json',
@@ -38,11 +51,6 @@ export default function Namespaces() {
       }
   }
 
-  useEffect(() => {
-    fetchNamespaces()
-      
-  }, [])
-
   return (
     <div className="space-y-6">
       <div>