Refactor component and page structure for responsiveness and add remote image patterns

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-10-09 11:36:44 +07:00
parent aa7de9fa73
commit 5c35dad5cb

View File

@ -18,6 +18,7 @@ export default function Apply() {
let supabase = createSupabaseClient(); let supabase = createSupabaseClient();
const [industry, setIndustry] = useState<string[]>([]); const [industry, setIndustry] = useState<string[]>([]);
const [isInUS, setIsInUS] = useState(""); const [isInUS, setIsInUS] = useState("");
const [isForSale, setisForSale] = useState("");
const fetchIndustry = async () => { const fetchIndustry = async () => {
let { data: BusinessType, error } = await supabase let { data: BusinessType, error } = await supabase
@ -104,7 +105,7 @@ export default function Apply() {
How much money has your company <br /> raised to date? How much money has your company <br /> raised to date?
</Label> </Label>
<div className="flex space-x-5"> <div className="flex space-x-5">
<Input type="text" id="companyName" className="w-96" /> <Input type="text" id="companyName" className="w-96" placeholder="$ 1,000,000"/>
<span className="text-[13px] text-neutral-500 self-center"> <span className="text-[13px] text-neutral-500 self-center">
The sum total of past financing, including angel or venture{" "} The sum total of past financing, including angel or venture{" "}
<br /> <br />
@ -148,20 +149,20 @@ export default function Apply() {
{/* Is your product available (for sale) in market? */} {/* Is your product available (for sale) in market? */}
<div className="space-y-5"> <div className="space-y-5">
<Label htmlFor="companyName" className="font-bold text-lg"> <Label htmlFor="companyName" className="font-bold text-lg">
Is your product available (for sale) in market? Is your product available (for sale) <br />in market?
</Label> </Label>
<div className="flex space-x-5"> <div className="flex space-x-5">
<div className="flex space-x-2 w-96"> <div className="flex space-x-2 w-96">
<Button <Button
variant={isInUS === "Yes" ? "default" : "outline"} variant={isForSale === "Yes" ? "default" : "outline"}
onClick={() => setIsInUS("Yes")} onClick={() => setisForSale("Yes")}
className="w-20 h-12 text-base" className="w-20 h-12 text-base"
> >
Yes Yes
</Button> </Button>
<Button <Button
variant={isInUS === "No" ? "default" : "outline"} variant={isForSale === "No" ? "default" : "outline"}
onClick={() => setIsInUS("No")} onClick={() => setisForSale("No")}
className="w-20 h-12 text-base" className="w-20 h-12 text-base"
> >
No No