lens/extensions/support-page/renderer.tsx

import React from "react";
import { Component, LensRendererExtension, Navigation } from "@k8slens/extensions";
import { supportPageRoute, supportPageURL } from "./src/support.route";
import { Support } from "./src/support";

export default class SupportPageRendererExtension extends LensRendererExtension {
  async onActivate() {
    console.log("support page extension activated")
  }

  registerGlobalPages() {
    return [
      {
        ...supportPageRoute,
        url: supportPageURL(),
        hideInMenu: true,
        components: {
          Page: Support,
        }
      }
    ]
  }

  registerStatusBarItems() {
    return [
      {
        item: (
          <div
            className="flex align-center gaps hover-highlight"
            onClick={() => Navigation.navigate(supportPageURL())}
          >
            <Component.Icon material="help_outline" small />
            <span>Support</span>
          </div>
        )
      }
    ]
  }
}