hook up query parameters form with rest query

crawler/frontend/src/components/Parameters.tsx

@@ -8,15 +8,15 @@ import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, For
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select";
 
 
-enum Metric {
-    qmprice = 'Price per square meter',
-    rooms = 'Number of rooms',
-    qm = 'Area',
-    price = 'Price',
+export enum Metric {
+    qmprice = 'qmprice',
+    rooms = 'rooms',
+    qm = 'qm',
+    price = 'total_price',
 }
 
 
-interface ParameterValues {
+export interface ParameterValues {
     metric: Metric
 }
 
@@ -28,12 +28,8 @@ export function Parameters(
 ) {
     const {
         register,
-        watch,
-        formState: { errors },
     } = useForm<ParameterValues>()
     // const onSubmit: SubmitHandler<ParameterValues> = (data) => console.log(data)
-    console.log(watch("metric"))
-    console.log(errors)
 
     const formSchema = z.object({
         metric: z.nativeEnum(Metric, { required_error: "Metric is required" }),
@@ -48,7 +44,6 @@ export function Parameters(
     function onSubmit(values: z.infer<typeof formSchema>) {
         // Do something with the form values.
         // ✅ This will be type-safe and validated.
-        console.log(values)
         props.onSubmit(values)
     }