diff --git a/web/src/components/product/ProductSelectionPage.test.tsx b/web/src/components/product/ProductSelectionPage.test.tsx index 92f541912d..e154e6d7a0 100644 --- a/web/src/components/product/ProductSelectionPage.test.tsx +++ b/web/src/components/product/ProductSelectionPage.test.tsx @@ -70,16 +70,16 @@ jest.mock("~/api", () => ({ patchConfig: (payload) => mockPatchConfigFn(payload), })); -jest.mock("~/hooks/api/system", () => ({ - ...jest.requireActual("~/hooks/api/system"), +jest.mock("~/hooks/model/system", () => ({ + ...jest.requireActual("~/hooks/model/system"), useSystem: (): ReturnType => ({ products: [tumbleweed, microOs], network, }), })); -jest.mock("~/hooks/api/config", () => ({ - ...jest.requireActual("~/hooks/api/config"), +jest.mock("~/hooks/model/config", () => ({ + ...jest.requireActual("~/hooks/model/config"), useProduct: (): ReturnType => mockSelectedProduct(), })); diff --git a/web/src/components/product/ProductSelectionPage.tsx b/web/src/components/product/ProductSelectionPage.tsx index bca2e6fe33..c4de70c21a 100644 --- a/web/src/components/product/ProductSelectionPage.tsx +++ b/web/src/components/product/ProductSelectionPage.tsx @@ -146,7 +146,8 @@ function ProductSelectionPage() { const selectionHasChanged = nextProduct && nextProduct !== selectedProduct; const mountLicenseCheckbox = !isEmpty(nextProduct?.license); - const isSelectionDisabled = !selectionHasChanged || (mountLicenseCheckbox && !licenseAccepted); + const isSelectionDisabled = + isWaiting || !selectionHasChanged || (mountLicenseCheckbox && !licenseAccepted); const [eulaTextStart, eulaTextLink, eulaTextEnd] = sprintf( // TRANSLATORS: Text used for the license acceptance checkbox. %s will be @@ -212,7 +213,12 @@ function ProductSelectionPage() { - + {_("Select")} {selectedProduct && }