Add secrets tab to model details.

src/pages/EntityDetails/EntityDetails.test.tsx

@@ -115,7 +115,7 @@ describe("Entity Details Container", () => {
   it("lists the correct tabs", () => {
     renderComponent(<EntityDetails />, { path, url, state });
     expect(screen.getByTestId("view-selector")).toHaveTextContent(
-      /^ApplicationsIntegrationsLogsMachines$/,
+      /^ApplicationsIntegrationsLogsSecretsMachines$/,
     );
   });
 
@@ -134,7 +134,7 @@ describe("Entity Details Container", () => {
     };
     renderComponent(<EntityDetails />, { path, url, state });
     expect(screen.getByTestId("view-selector")).toHaveTextContent(
-      /^ApplicationsIntegrationsLogs$/,
+      /^ApplicationsIntegrationsLogsSecrets$/,
     );
   });
 

src/pages/EntityDetails/EntityDetails.tsx

@@ -138,6 +138,13 @@ const EntityDetails = ({ modelWatcherError }: Props) => {
         to: urls.model.tab({ userName, modelName, tab: ModelTab.LOGS }),
         component: Link,
       },
+      {
+        active: activeView === "secrets",
+        label: "Secrets",
+        onClick: (e: MouseEvent) => handleNavClick(e),
+        to: urls.model.tab({ userName, modelName, tab: ModelTab.SECRETS }),
+        component: Link,
+      },
     ];
 
     if (modelInfo?.type !== "kubernetes") {

src/pages/EntityDetails/Model/Model.tsx

@@ -36,6 +36,7 @@ import {
 
 import ApplicationsTab from "./ApplicationsTab/ApplicationsTab";
 import Logs from "./Logs";
+import Secrets from "./Secrets";
 
 export enum Label {
   ACCESS_BUTTON = "Model access",
@@ -242,6 +243,7 @@ const Model = () => {
           </>
         )}
         {shouldShow("logs", query.activeView) && <Logs />}
+        {shouldShow("secrets", query.activeView) && <Secrets />}
       </div>
     </>
   );

src/pages/EntityDetails/Model/Secrets/Secrets.test.tsx

@@ -0,0 +1,12 @@
+import { screen } from "@testing-library/react";
+
+import { renderComponent } from "testing/utils";
+
+import Secrets from "./Secrets";
+
+describe("Secrets", () => {
+  it("can display the action logs tab", async () => {
+    renderComponent(<Secrets />);
+    expect(screen.getByText("Secrets")).toBeInTheDocument();
+  });
+});

src/pages/EntityDetails/Model/Secrets/Secrets.tsx

@@ -0,0 +1,5 @@
+const Secrets = () => {
+  return <div>Secrets</div>;
+};
+
+export default Secrets;

src/pages/EntityDetails/Model/Secrets/index.ts

@@ -0,0 +1 @@
+export { default } from "./Secrets";

src/urls.ts

@@ -5,6 +5,7 @@ export enum ModelTab {
   MACHINES = "machines",
   INTEGRATIONS = "integrations",
   LOGS = "logs",
+  SECRETS = "secrets",
 }
 
 export type AppTab = "machines" | "units";