Add URL display to weblink URLs (#4046)

src/common/catalog-entities/web-link.ts

@@ -35,8 +35,11 @@ export type WebLinkSpec = {
 };
 
 export class WebLink extends CatalogEntity<CatalogEntityMetadata, WebLinkStatus, WebLinkSpec> {
-  public readonly apiVersion = "entity.k8slens.dev/v1alpha1";
-  public readonly kind = "WebLink";
+  public static readonly apiVersion = "entity.k8slens.dev/v1alpha1";
+  public static readonly kind = "WebLink";
+
+  public readonly apiVersion = WebLink.apiVersion;
+  public readonly kind = WebLink.kind;
 
   async onRun() {
     window.open(this.spec.url, "_blank");

src/renderer/initializers/catalog-entity-detail-registry.tsx

@@ -20,7 +20,7 @@
  */
 
 import React from "react";
-import { KubernetesCluster } from "../../common/catalog-entities";
+import { KubernetesCluster, WebLink } from "../../common/catalog-entities";
 import { CatalogEntityDetailRegistry, CatalogEntityDetailsProps } from "../../extensions/registries";
 import { DrawerItem, DrawerTitle } from "../components/drawer";
 
@@ -45,6 +45,20 @@ export function initCatalogEntityDetailRegistry() {
             </>
           ),
         },
-      }
+      },
+      {
+        apiVersions: [WebLink.apiVersion],
+        kind: WebLink.kind,
+        components: {
+          Details: ({ entity }: CatalogEntityDetailsProps<WebLink>) => (
+            <>
+              <DrawerTitle title="More Information" />
+              <DrawerItem name="URL">
+                {entity.spec.url}
+              </DrawerItem>
+            </>
+          ),
+        },
+      },
     ]);
 }