fix template settings input

coder · f0ssel · Feb 20, 2024 · Jan 24, 2024 · Feb 8, 2024 · Feb 8, 2024
commit 43be95ef43b267a6840fa6dbaccd471a4c366e3a
diff --git a/site/src/api/queries/workspaceportsharing.ts b/site/src/api/queries/workspaceportsharing.ts
@@ -0,0 +1,25 @@
+import { deleteWorkspaceAgentSharedPort, getWorkspaceAgentSharedPorts, upsertWorkspaceAgentSharedPort } from "api/api"
+import { DeleteWorkspaceAgentPortShareRequest, UpsertWorkspaceAgentPortShareRequest } from "api/typesGenerated"
+
+export const workspacePortShares = (workspaceId: string) => {
+  return {
+    queryKey: ["sharedPorts", workspaceId],
+    queryFn: () => getWorkspaceAgentSharedPorts(workspaceId),
+  }
+}
+
+export const upsertWorkspacePortShare = (workspaceId: string) => {
+  return {
+    mutationFn: async (options: UpsertWorkspaceAgentPortShareRequest) => {
+      await upsertWorkspaceAgentSharedPort(workspaceId, options);
+    },
+  }
+}
+
+export const deleteWorkspacePortShare = (workspaceId: string) => {
+  return {
+    mutationFn: async (options: DeleteWorkspaceAgentPortShareRequest) => {
+      await deleteWorkspaceAgentSharedPort(workspaceId, options);
+    },
+  }
+}
diff --git a/site/src/modules/resources/AgentRow.test.tsx b/site/src/modules/resources/AgentRow.test.tsx
@@ -1,4 +1,4 @@
-import { MockWorkspace, MockWorkspaceAgent } from "testHelpers/entities";
+import { MockTemplate, MockWorkspace, MockWorkspaceAgent } from "testHelpers/entities";
 import { AgentRow, AgentRowProps } from "./AgentRow";
 import { DisplayAppNameMap } from "./AppLink/AppLink";
 import { screen } from "@testing-library/react";
@@ -80,6 +80,7 @@ describe.each<{
   const props: AgentRowProps = {
     agent: MockWorkspaceAgent,
     workspace: MockWorkspace,
+    template: MockTemplate,
     showApps: false,
     serverVersion: "",
     serverAPIVersion: "",

diff --git a/site/src/modules/resources/AgentRow.tsx b/site/src/modules/resources/AgentRow.tsx
@@ -15,6 +15,7 @@ import AutoSizer from "react-virtualized-auto-sizer";
 import { FixedSizeList as List, ListOnScrollProps } from "react-window";
 import * as API from "api/api";
 import type {
+  Template,
   Workspace,
   WorkspaceAgent,
   WorkspaceAgentLogSource,
@@ -59,13 +60,15 @@ export interface AgentRowProps {
   serverVersion: string;
   serverAPIVersion: string;
   onUpdateAgent: () => void;
+  template: Template;
   storybookLogs?: LineWithID[];
   storybookAgentMetadata?: WorkspaceAgentMetadata[];
 }
 
 export const AgentRow: FC<AgentRowProps> = ({
   agent,
   workspace,
+  template,
   showApps,
   showBuiltinApps = true,
   hideSSHButton,
@@ -221,6 +224,7 @@ export const AgentRow: FC<AgentRowProps> = ({
                   agent={agent}
                   username={workspace.owner_name}
                   workspaceID={workspace.id}
+                  template={template}
                 />
               )}
           </div>