fix config and view files tab underlines (#4616)

* fix config and view files tab underlines

* use cgr.dev/chainguard/apko

* override apko-image for deps action too

* add descriptions for actionlint

* use last working apko image

.github/actions/build-custom-image-with-apko/action.yml

@@ -49,6 +49,7 @@ runs:
 
     - uses: chainguard-images/actions/apko-publish@main
       with:
+        apko-image: ghcr.io/wolfi-dev/apko@sha256:87b47283433066d19b71e1cb4401be8d04b7d51f4f4263fde1977c3043b9754f
         config: ${{ inputs.context }}/apko.yaml
         archs: amd64,arm64
         tag: ${{ inputs.image-name }}

.github/actions/build-dep-image-with-apko/action.yml

@@ -43,6 +43,7 @@ runs:
     - uses: chainguard-images/actions/apko-publish@main
       if: ${{ inputs.overwrite == 'true' || steps.check-image-exists.outputs.image-exists == 'false' }}
       with:
+        apko-image: ghcr.io/wolfi-dev/apko@sha256:87b47283433066d19b71e1cb4401be8d04b7d51f4f4263fde1977c3043b9754f
         config: ${{ inputs.apko-config }}
         archs: amd64,arm64
         tag: ${{ inputs.image-name }}

.github/actions/kurl-addon-kots-generate/action.yml

@@ -1,4 +1,5 @@
 name: Generate kURL Add-On
+description: Generate kURL Add-On
 
 inputs:
   addon_version:

.github/actions/kurl-addon-kots-publish/action.yml

@@ -1,4 +1,5 @@
 name: Publish kURL Add-On
+description: Publish kURL Add-On
 
 inputs:
   addon_version:

.github/actions/kurl-addon-kots-test/action.yml

@@ -1,4 +1,5 @@
 name: Test kURL Add-On
+description: Test kURL Add-On
 
 inputs:
   addon_version:

web/src/components/apps/AppDetailPage.tsx

@@ -425,8 +425,9 @@ function AppDetailPage(props: Props) {
     updateCallback: refetchData,
   };
 
-  const lastItem = location.pathname.substring(
-    location.pathname.lastIndexOf("/") + 1
+  const lastItem = Utilities.getSubnavItemForRoute(
+    location.pathname,
+    params.slug
   );
 
   return (
@@ -480,7 +481,7 @@ function AppDetailPage(props: Props) {
             <Fragment>
               <SubNavBar
                 className="flex"
-                activeTab={lastItem === params.slug ? "app" : lastItem}
+                activeTab={!lastItem ? "app" : lastItem}
                 app={selectedApp}
                 isVeleroInstalled={isVeleroInstalled}
                 isEmbeddedCluster={props.isEmbeddedCluster}

web/src/utilities/utilities.js

@@ -1046,4 +1046,17 @@ export const Utilities = {
     }
     return `${bucket}/${prefix}`;
   },
+
+  getSubnavItemForRoute(route, appSlug) {
+    if (!route || !appSlug) {
+      return "";
+    }
+    const searchStr = `/app/${appSlug}/`;
+    const index = route.indexOf(searchStr);
+    if (index === -1) {
+      return "";
+    }
+    const path = route.substring(index + searchStr.length);
+    return path.split("/")[0];
+  },
 };

web/src/utilities/utilities.test.js

@@ -285,4 +285,43 @@ describe("Utilities", () => {
       expect(Utilities.snapshotLocationStr(undefined, undefined)).toBe("");
     });
   });
+
+  describe("getSubnavItemForRoute", () => {
+    it("should return an empty string if there is no route", () => {
+      expect(Utilities.getSubnavItemForRoute(undefined, "my-app")).toBe("");
+    });
+
+    it("should return an empty string if there is no app slug", () => {
+      expect(
+        Utilities.getSubnavItemForRoute("/app/my-app/config", undefined)
+      ).toBe("");
+    });
+
+    it("should return an empty string if there is no subnav item", () => {
+      expect(Utilities.getSubnavItemForRoute("/app/my-app/", "my-app")).toBe(
+        ""
+      );
+    });
+
+    it("should return the subnav item for the route", () => {
+      expect(
+        Utilities.getSubnavItemForRoute("/app/my-app/config", "my-app")
+      ).toBe("config");
+    });
+
+    it("should return the subnav item for the route with a subpath", () => {
+      expect(
+        Utilities.getSubnavItemForRoute("/app/my-app/config/1", "my-app")
+      ).toBe("config");
+    });
+
+    it("should return the subnav item for the route with multiple subpaths", () => {
+      expect(
+        Utilities.getSubnavItemForRoute(
+          "/app/my-app/troubleshoot/analyze/abcdefg",
+          "my-app"
+        )
+      ).toBe("troubleshoot");
+    });
+  });
 });