hook up query parameters form with rest query
This commit is contained in:
parent
3574df8ae0
commit
7c70da4bed
3 changed files with 19 additions and 17 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue