viktor/wrongmove
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add worker api to refresh data in the background

Browse source
This commit is contained in:
Viktor Barzin 2025-06-21 12:49:04 +00:00
parent fc722b6b5f
commit a7e0773c0a
No known key found for this signature in database
GPG key ID: 4056458DBDBF8863
12 changed files with 465 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

18
crawler/frontend/src/components/Parameters.tsx
View file

@ -1,5 +1,6 @@
import { zodResolver } from "@hookform/resolvers/zod";
import { DialogTitle } from "@radix-ui/react-dialog";
import { useState } from "react";
import { useForm } from "react-hook-form";
import { z } from "zod";
import { Button } from "./ui/button";
@ -34,13 +35,13 @@ export interface ParameterValues {
export function Parameters(
props: {
isOpen: boolean,
onSubmit: (fromValues: ParameterValues) => void,
onSubmit: (action: 'fetch-data' | 'visualize', fromValues: ParameterValues) => void,
}
) {
const {
register,
} = useForm<ParameterValues>()
// const onSubmit: SubmitHandler<ParameterValues> = (data) => console.log(data)
const [action, setAction] = useState<'fetch-data' | 'visualize' | null>(null)
const formSchema = z.object({
metric: z.nativeEnum(Metric, { required_error: "Metric is required" }),
@ -48,7 +49,7 @@ export function Parameters(
min_bedrooms: z.number().min(1).max(10).optional(),
max_bedrooms: z.number().min(1).max(10).optional(),
max_price: z.number().optional(),
min_price: z.number().optional(),
min_price: z.number().min(0).optional(),
min_sqm: z.number().optional(),
})
const form = useForm<z.infer<typeof formSchema>>({
@ -58,7 +59,7 @@ export function Parameters(
min_bedrooms: 1,
max_bedrooms: 3,
max_price: 3000,
min_price: 0,
min_price: 2000,
min_sqm: 0,
},
})
@ -67,11 +68,15 @@ export function Parameters(
// Do something with the form values.
// ✅ This will be type-safe and validated.
console.log(values)
props.onSubmit(values)
if (action) {
props.onSubmit(action, values)
}
}
return <>
{/* <Dialog open={props.isOpen} > */}
<Dialog >
<DialogTrigger asChild>
<Button variant="outline">Open Parameters</Button>
@ -195,7 +200,8 @@ export function Parameters(
)}
/>
<Button type="submit">Submit</Button>
<Button type="submit" value={"visualize"} onClick={() => setAction("visualize")}>Visualize</Button>
<Button type="submit" value={"fetch-data"} onClick={() => setAction("fetch-data")}>Fetch data</Button>
</form>
</Form>
</DialogContent>