Address comments

cypress/integration/distroSettings/provider_section.ts

@@ -38,6 +38,20 @@ describe("provider section", () => {
       cy.visit("/distro/ubuntu1604-container-test/settings/provider");
     });
 
+    it("shows pool mapping information based on container pool id", () => {
+      cy.getInputByLabel("Container Pool ID").should(
+        "contain.text",
+        "test-pool-1"
+      );
+      cy.getInputByLabel("Pool Mapping Information")
+        .should("have.attr", "placeholder")
+        .and("match", /test-pool-1/);
+      cy.selectLGOption("Container Pool ID", "test-pool-2");
+      cy.getInputByLabel("Pool Mapping Information")
+        .should("have.attr", "placeholder")
+        .and("match", /test-pool-2/);
+    });
+
     it("successfully updates docker provider fields", () => {
       cy.dataCy("provider-select").contains("Docker");
 

src/pages/distroSettings/tabs/ProviderTab/ProviderTab.tsx

@@ -8,8 +8,6 @@ import { getFormSchema } from "./getFormSchema";
 import { TabProps, ProviderFormState } from "./types";
 
 export const ProviderTab: React.FC<TabProps> = ({ distroData }) => {
-  const initialFormState = distroData;
-
   const { getTab } = useDistroSettingsContext();
   // @ts-expect-error - see TabState for details.
   const { formData }: { formData: ProviderFormState } = getTab(
@@ -30,7 +28,5 @@ export const ProviderTab: React.FC<TabProps> = ({ distroData }) => {
     [pools, poolMappingInfo]
   );
 
-  return (
-    <BaseTab formSchema={formSchema} initialFormState={initialFormState} />
-  );
+  return <BaseTab formSchema={formSchema} initialFormState={distroData} />;
 };

src/pages/distroSettings/tabs/ProviderTab/transformers.test.ts

@@ -33,6 +33,7 @@ describe("provider tab", () => {
         registryUsername: "",
         registryPassword: "",
         containerPoolId: "",
+        poolMappingInfo: "",
         userData: "",
         mergeUserData: false,
         securityGroups: ["1"],
@@ -93,6 +94,7 @@ describe("provider tab", () => {
         registryUsername: "testuser",
         registryPassword: "abc-123",
         containerPoolId: "pool-1",
+        poolMappingInfo: "",
         userData: "",
         mergeUserData: false,
         securityGroups: ["1"],

src/pages/distroSettings/tabs/ProviderTab/transformers.ts

@@ -23,6 +23,7 @@ export const gqlToForm = ((data) => {
     dockerProviderSettings: {
       ...dockerProviderSettings(providerSettingsList[0]).form,
       containerPoolId: containerPool,
+      poolMappingInfo: "",
     },
   };
 }) satisfies GqlToFormFunction<Tab>;

src/pages/distroSettings/tabs/ProviderTab/types.ts

@@ -5,7 +5,6 @@ export enum BuildType {
   Pull = "pull",
 }
 
-// TODO: Append type with additional provider options, e.g. type ProviderFormState = StaticProviderFormState | DockerProviderFormState
 export type ProviderFormState = {
   provider: {
     providerName: Provider;
@@ -21,6 +20,7 @@ export type ProviderFormState = {
     registryUsername: string;
     registryPassword: string;
     containerPoolId: string;
+    poolMappingInfo: string;
     userData: string;
     mergeUserData: boolean;
     securityGroups: string[];