|
|
@ -610,67 +610,6 @@ export function QuestionBirthplace({ |
|
|
</button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
{mode === "manual" && ( |
|
|
|
|
|
<div className="flex flex-col gap-3 w-full animate-in fade-in slide-in-from-top-2 duration-200"> |
|
|
|
|
|
{/* Country Selection Trigger */} |
|
|
|
|
|
<div className="relative w-full"> |
|
|
|
|
|
<button |
|
|
|
|
|
type="button" |
|
|
|
|
|
disabled={disabled} |
|
|
|
|
|
onClick={openSheet} |
|
|
|
|
|
className={[ |
|
|
|
|
|
"flex h-[54px] w-full items-center justify-between rounded-[16px] border bg-white px-4.5 text-start transition-all cursor-pointer outline-none", |
|
|
|
|
|
isOpen |
|
|
|
|
|
? "border-[#6F6F6F] ring-1 ring-[#6F6F6F]" |
|
|
|
|
|
: "border-[#D0D5DD] hover:border-[#98A2B3]", |
|
|
|
|
|
].join(" ")} |
|
|
|
|
|
> |
|
|
|
|
|
<span |
|
|
|
|
|
className={[ |
|
|
|
|
|
"text-[15px] font-medium truncate", |
|
|
|
|
|
selectedCountry ? "text-[#181818]" : "text-[#667085]", |
|
|
|
|
|
].join(" ")} |
|
|
|
|
|
> |
|
|
|
|
|
{selectedCountry || selectCountryPlaceholder} |
|
|
|
|
|
</span> |
|
|
|
|
|
<svg |
|
|
|
|
|
width="16" |
|
|
|
|
|
height="10" |
|
|
|
|
|
viewBox="0 0 16 10" |
|
|
|
|
|
fill="none" |
|
|
|
|
|
className={[ |
|
|
|
|
|
"shrink-0 transition-transform duration-200", |
|
|
|
|
|
isOpen ? "rotate-180" : "", |
|
|
|
|
|
].join(" ")} |
|
|
|
|
|
> |
|
|
|
|
|
<path |
|
|
|
|
|
d="M14.75 1.25L7.75 8.25L0.75 1.25" |
|
|
|
|
|
stroke="#344054" |
|
|
|
|
|
strokeWidth="1.75" |
|
|
|
|
|
strokeLinecap="round" |
|
|
|
|
|
strokeLinejoin="round" |
|
|
|
|
|
/> |
|
|
|
|
|
</svg> |
|
|
|
|
|
</button> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
{/* City Text Input */} |
|
|
|
|
|
<div className="w-full"> |
|
|
|
|
|
<Input |
|
|
|
|
|
ref={cityInputRef} |
|
|
|
|
|
type="text" |
|
|
|
|
|
data-no-auto-focus |
|
|
|
|
|
disabled={disabled} |
|
|
|
|
|
value={cityInput} |
|
|
|
|
|
onChange={handleCityChange} |
|
|
|
|
|
onFocus={handleCityFocus} |
|
|
|
|
|
onBlur={handleCityBlur} |
|
|
|
|
|
placeholder={cityPlaceholder} |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
)} |
|
|
|
|
|
</> |
|
|
</> |
|
|
) : ( |
|
|
) : ( |
|
|
<> |
|
|
<> |
|
|
|
