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

add filter for min and max number of bedrooms

Browse source
This commit is contained in:
Viktor Barzin 2025-06-18 20:54:47 +00:00
parent 69d15e9a16
commit dadb56aa16
No known key found for this signature in database
GPG key ID: 4056458DBDBF8863
2 changed files with 42 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
crawler/frontend/src/App.tsx
View file

@ -38,6 +38,14 @@ function App() {
if (parameters.max_price) {
queryString.append("max_price", parameters.max_price.toString());
}
if (parameters.min_bedrooms) {
queryString.append('min_bedrooms', parameters.min_bedrooms.toString());
}
if (parameters.max_bedrooms) {
queryString.append('max_bedrooms', parameters.max_bedrooms.toString())
}
try {
const response = await fetch("/api/listing_geojson?" + queryString,
{

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

@ -24,6 +24,8 @@ export enum ListingType {
export interface ParameterValues {
metric: Metric
listing_type: ListingType
min_bedrooms?: number
max_bedrooms?: number
max_price?: number
}
@ -41,12 +43,16 @@ export function Parameters(
const formSchema = z.object({
metric: z.nativeEnum(Metric, { required_error: "Metric is required" }),
listing_type: z.nativeEnum(ListingType, { required_error: "Listing Type is required" }),
min_bedrooms: z.number().min(1).max(10).optional(),
max_bedrooms: z.number().min(1).max(10).optional(),
max_price: z.number().optional(),
})
const form = useForm<z.infer<typeof formSchema>>({
resolver: zodResolver(formSchema),
defaultValues: {
metric: Metric.qmprice,
min_bedrooms: 1,
max_bedrooms: 3,
max_price: 3000,
},
})
@ -118,6 +124,34 @@ export function Parameters(
</FormItem>
)}
/>
<FormField
control={form.control}
name="min_bedrooms"
render={({ field }) => (
<FormItem>
<FormLabel>Minimum number of bedrooms</FormLabel>
<FormControl >
<Input type="number" placeholder={"# bedrooms"} {...field} onChange={(e) => field.onChange(Number(e.target.value))} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="max_bedrooms"
render={({ field }) => (
<FormItem>
<FormLabel>Maximum number of bedrooms</FormLabel>
<FormControl >
<Input type="number" placeholder={"# bedrooms"} {...field} onChange={(e) => field.onChange(Number(e.target.value))} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="max_price"