add filter for sqm

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 {

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<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>