Remove select box for state/county

Author: patch0

src/Flow.tsx

@@ -9,7 +9,7 @@ import type { Coordinates } from './components/GoogleMap'
 import type { PlaceSelection } from './components/PlacesSearch'
 import { loadGoogleMaps, adrAddressForPlaceId, formatCoordinates } from './lib/googleMaps'
 import { emptyApplication, type ApplicationData, type VenueAddress } from './types'
-import { capitalForCountry, canonicalSubdivision } from './data/reference'
+import { capitalForCountry } from './data/reference'
 import { VARIANTS, type Variant } from './variants'
 
 interface Props {
@@ -57,7 +57,7 @@ export function Flow({ variant, onExit }: Props) {
         addressLine1: sel.address.addressLine1,
         addressLine2: sel.address.addressLine2,
         municipality: sel.address.municipality,
-        administrativeArea: canonicalSubdivision(d.country, sel.address.administrativeArea),
+        administrativeArea: sel.address.administrativeArea,
         postcode: sel.address.postcode,
         coordinates: formatCoordinates(sel.lat, sel.lng),
       },
@@ -84,7 +84,7 @@ export function Flow({ variant, onExit }: Props) {
             addressLine1: adr.addressLine1,
             addressLine2: adr.addressLine2,
             municipality: adr.municipality,
-            administrativeArea: canonicalSubdivision(d.country, adr.administrativeArea),
+            administrativeArea: adr.administrativeArea,
             postcode: adr.postcode,
             coordinates: formatCoordinates(c.lat, c.lng),
           },

src/Home.tsx

@@ -7,13 +7,15 @@ interface Props {
 }
 
 export function Home({ onSelect }: Props) {
+  // Only option C is shown for now; the other variants are hidden.
+  const visibleVariants = VARIANTS.filter((v) => v.id === 'confirm-button')
+
   return (
     <div className="card">
       <div className="intro">
-        <h1 className="title-lg">Venue address — prototype variants</h1>
+        <h1 className="title-lg">Venue address — prototype</h1>
         <p className="body">
-          Three implementations of the “Where is the club venue?” step. Each one starts the same
-          registration flow; only the address step differs. Pick one to try it.
+          A prototype of the “Where is the club venue?” step. Select it below to try it.
         </p>
       </div>
 
@@ -24,13 +26,13 @@ export function Home({ onSelect }: Props) {
             Only a handful of countries are available (United Kingdom, India, South Africa, United
             States, Canada and Kenya).
           </li>
-          <li>Country, subdivision and map data may be incomplete or inaccurate.</li>
+          <li>Country and map data may be incomplete or inaccurate.</li>
           <li>None of the copy, labels or help text has been reviewed and may change.</li>
         </ul>
       </Alert>
 
       <div className="variant-list">
-        {VARIANTS.map((v) => (
+        {visibleVariants.map((v) => (
           <div className="variant-card" key={v.id}>
             <div className="variant-card-text">
               <h2 className="title-sm">{v.title}</h2>