mirror of
https://github.com/vercel/commerce.git
synced 2025-05-12 12:47:50 +00:00
74 lines
2.2 KiB
TypeScript
74 lines
2.2 KiB
TypeScript
import Combobox from './ui/combobox';
|
|
|
|
const states = [
|
|
{ name: 'Alabama', code: 'AL' },
|
|
{ name: 'Alaska', code: 'AK' },
|
|
{ name: 'Arizona', code: 'AZ' },
|
|
{ name: 'Arkansas', code: 'AR' },
|
|
{ name: 'California', code: 'CA' },
|
|
{ name: 'Colorado', code: 'CO' },
|
|
{ name: 'Connecticut', code: 'CT' },
|
|
{ name: 'Delaware', code: 'DE' },
|
|
{ name: 'Florida', code: 'FL' },
|
|
{ name: 'Georgia', code: 'GA' },
|
|
{ name: 'Hawaii', code: 'HI' },
|
|
{ name: 'Idaho', code: 'ID' },
|
|
{ name: 'Illinois', code: 'IL' },
|
|
{ name: 'Indiana', code: 'IN' },
|
|
{ name: 'Iowa', code: 'IA' },
|
|
{ name: 'Kansas', code: 'KS' },
|
|
{ name: 'Kentucky', code: 'KY' },
|
|
{ name: 'Louisiana', code: 'LA' },
|
|
{ name: 'Maine', code: 'ME' },
|
|
{ name: 'Maryland', code: 'MD' },
|
|
{ name: 'Massachusetts', code: 'MA' },
|
|
{ name: 'Michigan', code: 'MI' },
|
|
{ name: 'Minnesota', code: 'MN' },
|
|
{ name: 'Mississippi', code: 'MS' },
|
|
{ name: 'Missouri', code: 'MO' },
|
|
{ name: 'Montana', code: 'MT' },
|
|
{ name: 'Nebraska', code: 'NE' },
|
|
{ name: 'Nevada', code: 'NV' },
|
|
{ name: 'New Hampshire', code: 'NH' },
|
|
{ name: 'New Jersey', code: 'NJ' },
|
|
{ name: 'New Mexico', code: 'NM' },
|
|
{ name: 'New York', code: 'NY' },
|
|
{ name: 'North Carolina', code: 'NC' },
|
|
{ name: 'North Dakota', code: 'ND' },
|
|
{ name: 'Ohio', code: 'OH' },
|
|
{ name: 'Oklahoma', code: 'OK' },
|
|
{ name: 'Oregon', code: 'OR' },
|
|
{ name: 'Pennsylvania', code: 'PA' },
|
|
{ name: 'Rhode Island', code: 'RI' },
|
|
{ name: 'South Carolina', code: 'SC' },
|
|
{ name: 'South Dakota', code: 'SD' },
|
|
{ name: 'Tennessee', code: 'TN' },
|
|
{ name: 'Texas', code: 'TX' },
|
|
{ name: 'Utah', code: 'UT' },
|
|
{ name: 'Vermont', code: 'VT' },
|
|
{ name: 'Virginia', code: 'VA' },
|
|
{ name: 'Washington', code: 'WA' },
|
|
{ name: 'West Virginia', code: 'WV' },
|
|
{ name: 'Wisconsin', code: 'WI' },
|
|
{ name: 'Wyoming', code: 'WY' }
|
|
];
|
|
|
|
function findState(code: string) {
|
|
return states.find((state) => state.code === code);
|
|
}
|
|
|
|
export default function StatesCombobox({ defaultStateCode }: { defaultStateCode: string }) {
|
|
return (
|
|
<Combobox
|
|
defaultValue={findState(defaultStateCode)}
|
|
label="State"
|
|
name="state"
|
|
required
|
|
options={states}
|
|
displayKey="name"
|
|
by="code"
|
|
className="col-span-2"
|
|
/>
|
|
);
|
|
}
|