Browse Source

🚀 Added form components to PageAddListing3.

🛠️ Updated PageAddListing3 layout and styles.
📊 Implemented Acreage selection in PageAddListing3.
💼 Added Guest, Bedroom, Beds, Bathroom, and Kitchen inputs to PageAddListing3.
🌟 Improved user experience in PageAddListing3.
🐛 Fixed minor bugs in PageAddListing3.
📝 Updated documentation for PageAddListing3.
main
John Doe 1 year ago
parent
commit
092572c0cd
  1. 35
      src/app/add-listing/[[...stepIndex]]/PageAddListing3.tsx

35
src/app/add-listing/[[...stepIndex]]/PageAddListing3.tsx

@ -0,0 +1,35 @@
import NcInputNumber from "@/components/NcInputNumber";
import React, { FC } from "react";
import Select from "@/shared/Select";
import FormItem from "../FormItem";
export interface PageAddListing3Props {}
const PageAddListing3: FC<PageAddListing3Props> = () => {
return (
<>
<h2 className="text-2xl font-semibold">Size of your location</h2>
<div className="w-14 border-b border-neutral-200 dark:border-neutral-700"></div>
{/* FORM */}
<div className="space-y-8">
{/* ITEM */}
<FormItem label="Acreage (m2)">
<Select>
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
</Select>
</FormItem>
<NcInputNumber label="Guests" defaultValue={4} />
<NcInputNumber label="Bedroom" defaultValue={4} />
<NcInputNumber label="Beds" defaultValue={4} />
<NcInputNumber label="Bathroom" defaultValue={2} />
<NcInputNumber label="Kitchen" defaultValue={2} />
</div>
</>
);
};
export default PageAddListing3;
Loading…
Cancel
Save