diff --git a/client/src/components/jobs-list-paginated/jobs-list-paginated.component.jsx b/client/src/components/jobs-list-paginated/jobs-list-paginated.component.jsx index faa8470cc..7d332d61f 100644 --- a/client/src/components/jobs-list-paginated/jobs-list-paginated.component.jsx +++ b/client/src/components/jobs-list-paginated/jobs-list-paginated.component.jsx @@ -1,5 +1,6 @@ import { SyncOutlined } from "@ant-design/icons"; import { Button, Card, Input, Space, Table, Typography } from "antd"; +import axios from "axios"; import _ from "lodash"; import queryString from "query-string"; import React, { useEffect, useState } from "react"; @@ -11,7 +12,6 @@ import { selectBodyshop } from "../../redux/user/user.selectors"; import CurrencyFormatter from "../../utils/CurrencyFormatter"; import StartChatButton from "../chat-open-button/chat-open-button.component"; import OwnerNameDisplay from "../owner-name-display/owner-name-display.component"; -import axios from "axios"; const mapStateToProps = createStructuredSelector({ //currentUser: selectCurrentUser bodyshop: selectBodyshop, @@ -23,6 +23,7 @@ const mapDispatchToProps = (dispatch) => ({ export function JobsList({ bodyshop, refetch, loading, jobs, total }) { const search = queryString.parse(useLocation().search); const [openSearchResults, setOpenSearchResults] = useState([]); + const [searchLoading, setSearchLoading] = useState(false); const { page, sortcolumn, sortorder } = search; const history = useHistory(); @@ -197,7 +198,6 @@ export function JobsList({ bodyshop, refetch, loading, jobs, total }) { useEffect(() => { if (search.search && search.search.trim() !== "") { - // setLoading(true); searchJobs(); } // eslint-disable-next-line react-hooks/exhaustive-deps @@ -205,15 +205,16 @@ export function JobsList({ bodyshop, refetch, loading, jobs, total }) { async function searchJobs(value) { try { + setSearchLoading(true); const searchData = await axios.post("/search", { search: value || search.search, index: "jobs", }); - setOpenSearchResults(searchData.data.hits.hits.map((s) => s._source)); } catch (error) { + console.log("Error while fetching search results", error); } finally { - //setLoading(false) + setSearchLoading(false); } } @@ -229,6 +230,7 @@ export function JobsList({ bodyshop, refetch, loading, jobs, total }) {