hook up query parameters form with rest query

This commit is contained in:
Viktor Barzin 2025-06-18 18:56:02 +00:00
parent 3574df8ae0
commit 7c70da4bed
3 changed files with 19 additions and 17 deletions

View file

@ -5,7 +5,7 @@ import { AppSidebar } from './AppSidebar';
import { getUser, handleCallback, logout } from './auth/authService';
import LoginModal from './components/LoginModal';
import { Map } from './components/Map';
import { Parameters } from './components/Parameters';
import { Parameters, type ParameterValues } from './components/Parameters';
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/ui/breadcrumb';
import { Button } from './components/ui/button';
import { Separator } from './components/ui/separator';
@ -30,6 +30,7 @@ function App() {
const [isParametersModalOpen, setIsParametersModalOpen] = useState(true)
const [error, setError] = useState('')
const [queryParameters, setQueryParameters] = useState<ParameterValues | null>(null)
const fetchData = async () => {
try {
@ -52,8 +53,9 @@ function App() {
} finally {
}
};
const onSubmit = async () => {
const onSubmit = async (parameters: ParameterValues) => {
// Fetch listing data
setQueryParameters(parameters)
const data = await fetchData();
if (data) {
setListingData(data);
@ -98,7 +100,7 @@ function App() {
</div>
{Object.keys(listingData).length > 0 &&
<div className="flex-1 w-full relative" style={{ minHeight: 0, marginBottom: '8rem' }}>
<Map listingData={listingData} />
<Map listingData={listingData} queryParameters={queryParameters} />
</div>
}
</div>