Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | 9x 3x 3x | import { GiveHFStreetAddress } from "@common/RHFStreetAddress/GiveHFStreetAddress";
import GiveProvinceInput from "@common/AddressInputs/GiveProvinceInput";
import { useProvinces } from "@components/ProfilePage/BusinessProfileSetupNew/hooks/useProvinces";
import GiveText from "@shared/Text/GiveText";
import HFGiveSelect from "@shared/HFInputs/HFGiveSelect/HFGiveSelect";
import { HFGiveInput } from "@shared/HFInputs/HFGiveInput/HFGiveInput";
import FormContainer from "@features/GiveOnboarding/container/FormContainer";
import { Grid } from "@mui/material";
import GiveZipCodeInput from "@common/AddressInputs/GiveZipCodeInput";
export const Address = ({ selectCountriesList, country }: any) => {
const { provinces } = useProvinces(country);
return (
<FormContainer isInnerContainer>
<GiveText
variant="bodyS"
sx={{
marginBottom: "0!important",
}}
>
Owner Address
</GiveText>
<HFGiveSelect
name="address.country"
label="Country"
options={selectCountriesList}
disabled
/>
<GiveHFStreetAddress
name="address.line1"
label="Street Address"
fullWidth
/>
<Grid container spacing={3}>
<Grid item xs={12} sm={4}>
<HFGiveInput name="address.city" label="City" fullWidth />
</Grid>
<Grid item xs={12} sm={4}>
<GiveProvinceInput
name="address.state"
isUS={country === "US"}
multiChoiseCountry={
provinces?.[country as keyof typeof provinces] as any
}
/>
</Grid>
<Grid item xs={12} sm={4}>
<GiveZipCodeInput
name="address.zip"
label="ZIP"
letterSpacing="4px"
isUSResident={country === "US"}
/>
</Grid>
</Grid>
</FormContainer>
);
};
|