diff --git a/src/components/CompanyAddressInput/CompanyAddressInput.tsx b/src/components/CompanyAddressInput/CompanyAddressInput.tsx index 927a12d25..bdd2374a4 100644 --- a/src/components/CompanyAddressInput/CompanyAddressInput.tsx +++ b/src/components/CompanyAddressInput/CompanyAddressInput.tsx @@ -161,7 +161,9 @@ const CompanyAddressInput: React.FC = props => { value={data.country} choices={countries} InputProps={{ - autoComplete: "off" + inputProps: { + autocomplete: "plsdontautocomplete" // Somehow it shuts it down + } }} /> ({ + __typename: "CountryDisplay", + code: c.code, + country: c.name + })), disabled: false, errors: [], onBack: () => undefined, onSubmit: () => undefined, - saveButtonBarState: "default", - shop + saveButtonBarState: "default" }; storiesOf("Views / Warehouses / Create warehouse", module) .addDecorator(Decorator) diff --git a/src/warehouses/components/WarehouseCreatePage/WarehouseCreatePage.tsx b/src/warehouses/components/WarehouseCreatePage/WarehouseCreatePage.tsx index 64bde0713..ec50f6a61 100644 --- a/src/warehouses/components/WarehouseCreatePage/WarehouseCreatePage.tsx +++ b/src/warehouses/components/WarehouseCreatePage/WarehouseCreatePage.tsx @@ -14,8 +14,7 @@ import createSingleAutocompleteSelectHandler from "@saleor/utils/handlers/single import { mapCountriesToChoices } from "@saleor/utils/maps"; import useAddressValidation from "@saleor/hooks/useAddressValidation"; import useStateFromProps from "@saleor/hooks/useStateFromProps"; -import { maybe } from "@saleor/misc"; -import { ShopInfo_shop } from "@saleor/components/Shop/types/ShopInfo"; +import { ShopInfo_shop_countries } from "@saleor/components/Shop/types/ShopInfo"; import AppHeader from "@saleor/components/AppHeader"; import PageHeader from "@saleor/components/PageHeader"; import { sectionNames } from "@saleor/intl"; @@ -25,10 +24,10 @@ export interface WarehouseCreatePageFormData extends AddressTypeInput { name: string; } export interface WarehouseCreatePageProps { + countries: ShopInfo_shop_countries[]; disabled: boolean; errors: UserError[]; saveButtonBarState: ConfirmButtonTransitionState; - shop: ShopInfo_shop; onBack: () => void; onSubmit: (data: WarehouseCreatePageFormData) => void; } @@ -46,10 +45,10 @@ const initialForm: WarehouseCreatePageFormData = { }; const WarehouseCreatePage: React.FC = ({ + countries, disabled, errors: apiErrors, saveButtonBarState, - shop, onBack, onSubmit }) => { @@ -68,9 +67,7 @@ const WarehouseCreatePage: React.FC = ({ onSubmit={handleSubmit} > {({ change, data, errors, submit }) => { - const countryChoices = mapCountriesToChoices( - maybe(() => shop.countries, []) - ); + const countryChoices = mapCountriesToChoices(countries); const handleCountryChange = createSingleAutocompleteSelectHandler( change, setDisplayCountry, diff --git a/src/warehouses/components/WarehouseDetailsPage/WarehouseDetailsPage.stories.tsx b/src/warehouses/components/WarehouseDetailsPage/WarehouseDetailsPage.stories.tsx index e42d88ad7..5a3dd646b 100644 --- a/src/warehouses/components/WarehouseDetailsPage/WarehouseDetailsPage.stories.tsx +++ b/src/warehouses/components/WarehouseDetailsPage/WarehouseDetailsPage.stories.tsx @@ -1,7 +1,7 @@ import { storiesOf } from "@storybook/react"; import React from "react"; -import { address } from "@saleor/fixtures"; +import { address, countries } from "@saleor/fixtures"; import Decorator from "@saleor/storybook/Decorator"; import { formError } from "@saleor/storybook/misc"; import { warehouseList } from "../../fixtures"; @@ -11,9 +11,16 @@ import WarehouseDetailsPage, { } from "./WarehouseDetailsPage"; const props: WarehouseDetailsPageProps = { + countries: countries.map(c => ({ + __typename: "CountryDisplay", + code: c.code, + country: c.name + })), disabled: false, errors: [], onBack: () => undefined, + onDelete: () => undefined, + onShippingZoneClick: () => undefined, onSubmit: () => undefined, saveButtonBarState: "default", warehouse: { diff --git a/src/warehouses/components/WarehouseDetailsPage/WarehouseDetailsPage.tsx b/src/warehouses/components/WarehouseDetailsPage/WarehouseDetailsPage.tsx index 97e09ee5c..148dda244 100644 --- a/src/warehouses/components/WarehouseDetailsPage/WarehouseDetailsPage.tsx +++ b/src/warehouses/components/WarehouseDetailsPage/WarehouseDetailsPage.tsx @@ -15,7 +15,7 @@ import { mapCountriesToChoices } from "@saleor/utils/maps"; import useAddressValidation from "@saleor/hooks/useAddressValidation"; import useStateFromProps from "@saleor/hooks/useStateFromProps"; import { maybe, findValueInEnum } from "@saleor/misc"; -import { ShopInfo_shop } from "@saleor/components/Shop/types/ShopInfo"; +import { ShopInfo_shop_countries } from "@saleor/components/Shop/types/ShopInfo"; import AppHeader from "@saleor/components/AppHeader"; import PageHeader from "@saleor/components/PageHeader"; import { sectionNames } from "@saleor/intl"; @@ -28,10 +28,10 @@ export interface WarehouseDetailsPageFormData extends AddressTypeInput { name: string; } export interface WarehouseDetailsPageProps { + countries: ShopInfo_shop_countries[]; disabled: boolean; errors: UserError[]; saveButtonBarState: ConfirmButtonTransitionState; - shop: ShopInfo_shop; warehouse: WarehouseDetails_warehouse; onBack: () => void; onDelete: () => void; @@ -40,10 +40,10 @@ export interface WarehouseDetailsPageProps { } const WarehouseDetailsPage: React.FC = ({ + countries, disabled, errors: apiErrors, saveButtonBarState, - shop, warehouse, onBack, onDelete, @@ -79,9 +79,7 @@ const WarehouseDetailsPage: React.FC = ({ onSubmit={handleSubmit} > {({ change, data, errors, submit }) => { - const countryChoices = mapCountriesToChoices( - maybe(() => shop.countries, []) - ); + const countryChoices = mapCountriesToChoices(countries); const handleCountryChange = createSingleAutocompleteSelectHandler( change, setDisplayCountry, diff --git a/src/warehouses/views/WarehouseCreate/WarehouseCreate.tsx b/src/warehouses/views/WarehouseCreate/WarehouseCreate.tsx index 758592db0..4698713ce 100644 --- a/src/warehouses/views/WarehouseCreate/WarehouseCreate.tsx +++ b/src/warehouses/views/WarehouseCreate/WarehouseCreate.tsx @@ -36,13 +36,14 @@ const WarehouseCreate: React.FC = () => { })} /> navigate(warehouseListUrl())} + countries={maybe(() => shop.countries, [])} disabled={createWarehouseOpts.loading} errors={maybe( () => createWarehouseOpts.data.createWarehouse.errors, [] )} - shop={shop} + saveButtonBarState={createWarehouseTransitionState} + onBack={() => navigate(warehouseListUrl())} onSubmit={data => createWarehouse({ variables: { @@ -62,7 +63,6 @@ const WarehouseCreate: React.FC = () => { } }) } - saveButtonBarState={createWarehouseTransitionState} /> ); diff --git a/src/warehouses/views/WarehouseDetails/WarehouseDetails.tsx b/src/warehouses/views/WarehouseDetails/WarehouseDetails.tsx index a59481e35..5cd0ec2f4 100644 --- a/src/warehouses/views/WarehouseDetails/WarehouseDetails.tsx +++ b/src/warehouses/views/WarehouseDetails/WarehouseDetails.tsx @@ -69,15 +69,15 @@ const WarehouseDetails: React.FC = ({ id, params }) => { <> data.warehouse.name)} /> navigate(warehouseListUrl())} + countries={maybe(() => shop.countries, [])} disabled={loading || updateWarehouseOpts.loading} errors={maybe( () => updateWarehouseOpts.data.updateWarehouse.errors, [] )} saveButtonBarState={updateWarehouseTransitionState} - shop={shop} warehouse={maybe(() => data.warehouse)} + onBack={() => navigate(warehouseListUrl())} onDelete={() => openModal("delete")} onShippingZoneClick={id => navigate(shippingZoneUrl(id))} onSubmit={data =>