add filter for sqm
This commit is contained in:
parent
70460bee5d
commit
3e1be6750c
2 changed files with 22 additions and 3 deletions
|
|
@ -47,6 +47,9 @@ function App() {
|
|||
if (parameters.min_price) {
|
||||
queryString.append("min_price", parameters.min_price.toString());
|
||||
}
|
||||
if (parameters.min_sqm) {
|
||||
queryString.append("min_sqm", parameters.min_sqm.toString());
|
||||
}
|
||||
|
||||
|
||||
try {
|
||||
|
|
|
|||
|
|
@ -28,6 +28,7 @@ export interface ParameterValues {
|
|||
max_bedrooms?: number
|
||||
min_price?: number
|
||||
max_price?: number
|
||||
min_sqm?: number
|
||||
}
|
||||
|
||||
export function Parameters(
|
||||
|
|
@ -48,6 +49,7 @@ export function Parameters(
|
|||
max_bedrooms: z.number().min(1).max(10).optional(),
|
||||
max_price: z.number().optional(),
|
||||
min_price: z.number().optional(),
|
||||
min_sqm: z.number().optional(),
|
||||
})
|
||||
const form = useForm<z.infer<typeof formSchema>>({
|
||||
resolver: zodResolver(formSchema),
|
||||
|
|
@ -57,6 +59,7 @@ export function Parameters(
|
|||
max_bedrooms: 3,
|
||||
max_price: 3000,
|
||||
min_price: 0,
|
||||
min_sqm: 0,
|
||||
},
|
||||
})
|
||||
// 2. Define a submit handler.
|
||||
|
|
@ -152,6 +155,19 @@ export function Parameters(
|
|||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="min_price"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>Min price</FormLabel>
|
||||
<FormControl >
|
||||
<Input type="number" placeholder={"£"} {...field} onChange={(e) => field.onChange(Number(e.target.value))} />
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="max_price"
|
||||
|
|
@ -167,12 +183,12 @@ export function Parameters(
|
|||
/>
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="min_price"
|
||||
name="min_sqm"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>Min price</FormLabel>
|
||||
<FormLabel>Min square meters</FormLabel>
|
||||
<FormControl >
|
||||
<Input type="number" placeholder={"£"} {...field} onChange={(e) => field.onChange(Number(e.target.value))} />
|
||||
<Input type="number" placeholder={"m²"} {...field} onChange={(e) => field.onChange(Number(e.target.value))} />
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue