diff --git a/crawler/frontend/src/App.tsx b/crawler/frontend/src/App.tsx index b7b3661..3b001ed 100644 --- a/crawler/frontend/src/App.tsx +++ b/crawler/frontend/src/App.tsx @@ -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 { diff --git a/crawler/frontend/src/components/Parameters.tsx b/crawler/frontend/src/components/Parameters.tsx index 97c2cea..478624b 100644 --- a/crawler/frontend/src/components/Parameters.tsx +++ b/crawler/frontend/src/components/Parameters.tsx @@ -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>({ 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( )} /> + ( + + Min price + + field.onChange(Number(e.target.value))} /> + + + + )} + /> ( - Min price + Min square meters - field.onChange(Number(e.target.value))} /> + field.onChange(Number(e.target.value))} />