client: added kubernetes docs links (#129)

Magpie-Monitor · Nov 30, 2024 · e90b48c · e90b48c
1 parent f68a7ab
commit e90b48c
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 4 deletions.
diff --git a/client/src/components/KindTag/KindTag.scss b/client/src/components/KindTag/KindTag.scss
@@ -12,6 +12,8 @@
   padding: 5px 7px;
   transition: 0.1s;
   cursor: pointer;
+  text-decoration: none;
+  color: inherit;
 
   &:hover {
     filter: brightness(1.2);

diff --git a/client/src/components/KindTag/KindTag.tsx b/client/src/components/KindTag/KindTag.tsx
@@ -4,6 +4,7 @@ import kubernetesDSLogo from 'assets/kubernetes-ds-icon.svg';
 import kubernetesSTSLogo from 'assets/kubernetes-sts-icon.svg';
 import kubernetesLogo from 'assets/kubernetes-logo-icon.svg';
 import kubernetesNode from 'assets/kubernetes-node-icon.svg';
+import { KUBERNETES_LINKS } from 'links/kubernetesLinks';
 
 interface KindTagProps {
     name: string;
@@ -18,12 +19,13 @@ const KindTag = ({ name }: KindTagProps) => {
     };
 
     const selectedLogo = logoMap[name] || kubernetesLogo;
+    const link = KUBERNETES_LINKS[name] || '#';
 
     return (
-        <div className="kind-tag">
-            <img src={selectedLogo} width="24px" height="24px" className="kind-tag__logo" />
-            <div className="kind-tag__name">{name}</div>
-        </div>
+      <a href={link} target="_blank" rel="noopener noreferrer" className="kind-tag">
+          <img src={selectedLogo} width="24px" height="24px" className="kind-tag__logo" />
+          <div className="kind-tag__name">{name}</div>
+      </a>
     );
 };
 

diff --git a/client/src/links/kubernetesLinks.ts b/client/src/links/kubernetesLinks.ts
@@ -0,0 +1,6 @@
+export const KUBERNETES_LINKS: Record<string, string> = {
+  Deployment: 'https://kubernetes.io/docs/concepts/workloads/controllers/deployment/',
+  DaemonSet: 'https://kubernetes.io/docs/concepts/workloads/controllers/daemonset/',
+  StatefulSet: 'https://kubernetes.io/docs/concepts/workloads/controllers/statefulset/',
+  Node: 'https://kubernetes.io/docs/concepts/architecture/nodes/',
+};
diff --git a/client/tsconfig.json b/client/tsconfig.json
@@ -28,6 +28,7 @@
       "@lib/*": ["lib/*"],
       "@assets/*": ["assets/*"],
       "@messages/*": ["messages/*"],
+      "@links/*": ["links/*"],
     }
   },
   "include": ["src"],

diff --git a/client/vite.config.ts b/client/vite.config.ts
@@ -17,6 +17,7 @@ export default defineConfig({
       global: '/src/global',
       types: '/src/types',
       messages: '/src/messages',
+      links: '/src/links',
     },
   },
 });