admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated apollo fetch policies to always be network only.

Browse Source
This commit is contained in:
Patrick Fic
2021-12-14 13:14:21 -08:00
parent 920c8f6910
commit 94c4b07318
91 changed files with 1450 additions and 1657 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/components/audit-trail-list/audit-trail-list.container.jsx
View File

@@ -9,6 +9,7 @@ export default function AuditTrailListContainer({ recordId }) {
const { loading, error, data } = useQuery(QUERY_AUDIT_TRAIL, {
variables: { id: recordId },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
logImEXEvent("audittrail_view", { recordId });

2
client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
View File

@@ -77,6 +77,8 @@ export function BillDetailEditcontainer({
const { loading, error, data, refetch } = useQuery(QUERY_BILL_BY_PK, {
variables: { billid: search.billid },
skip: !!!search.billid,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const handleSave = () => {

5
client/src/components/bill-form/bill-form.container.jsx
View File

@@ -18,7 +18,10 @@ export function BillFormContainer({
disabled,
disableInvNumber,
}) {
const { data: VendorAutoCompleteData } = useQuery(SEARCH_VENDOR_AUTOCOMPLETE);
const { data: VendorAutoCompleteData } = useQuery(
SEARCH_VENDOR_AUTOCOMPLETE,
{ fetchPolicy: "network-only", nextFetchPolicy: "network-only" }
);
const [loadLines, { data: lineData }] = useLazyQuery(
GET_JOB_LINES_TO_ENTER_BILL

5
client/src/components/bills-vendors-list/bills-vendors-list.component.jsx
View File

@@ -12,7 +12,10 @@ export default function BillsVendorsList() {
const search = queryString.parse(useLocation().search);
const history = useHistory();
const { loading, error, data } = useQuery(QUERY_ALL_VENDORS);
const { loading, error, data } = useQuery(QUERY_ALL_VENDORS, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const { t } = useTranslation();

2
client/src/components/chat-conversation/chat-conversation.container.jsx
View File

@@ -25,6 +25,8 @@ export function ChatConversationContainer({ bodyshop, selectedConversation }) {
data: convoData,
} = useQuery(GET_CONVERSATION_DETAILS, {
variables: { conversationId: selectedConversation },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const { loading, error, data } = useSubscription(

5
client/src/components/chat-media-selector/chat-media-selector.component.jsx
View File

@@ -27,12 +27,15 @@ export function ChatMediaSelector({
const [visible, setVisible] = useState(false);
const { loading, error, data } = useQuery(GET_DOCUMENTS_BY_JOB, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
variables: {
jobId:
conversation.job_conversations[0] &&
conversation.job_conversations[0].jobid,
},
fetchPolicy: "network-only",
skip:
!visible ||
!conversation.job_conversations ||

2
client/src/components/chat-popup/chat-popup.component.jsx
View File

@@ -38,6 +38,8 @@ export function ChatPopupComponent({
const { t } = useTranslation();
const [pollInterval, setpollInterval] = useState(0);
const { loading, data, refetch, called } = useQuery(CONVERSATION_LIST_QUERY, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
...(pollInterval > 0 ? { pollInterval } : {}),
});

2
client/src/components/contract-cars/contract-cars.container.jsx
View File

@@ -8,6 +8,8 @@ import ContractCarsComponent from "./contract-cars.component";
export default function ContractCarsContainer({ selectedCarState, form }) {
const { loading, error, data } = useQuery(QUERY_AVAILABLE_CC, {
variables: { today: moment().format("YYYY-MM-DD") },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [selectedCar, setSelectedCar] = selectedCarState;

2
client/src/components/contract-jobs/contract-jobs.container.jsx
View File

@@ -16,6 +16,8 @@ export function ContractJobsContainer({ selectedJobState, bodyshop }) {
variables: {
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open"],
},
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [selectedJob, setSelectedJob] = selectedJobState;

2
client/src/components/csi-response-form/csi-response-form.container.jsx
View File

@@ -19,6 +19,8 @@ export default function CsiResponseFormContainer() {
id: responseid,
},
skip: !!!responseid,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
useEffect(() => {

3
client/src/components/dashboard-grid/dashboard-grid.component.jsx
View File

@@ -59,7 +59,8 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
});
const { loading, error, data, refetch } = useQuery(
createDashboardQuery(state)
createDashboardQuery(state),
{ fetchPolicy: "network-only", nextFetchPolicy: "network-only" }
);
const [updateLayout] = useMutation(UPDATE_DASHBOARD_LAYOUT);

3
client/src/components/document-editor/document-editor.container.jsx
View File

@@ -29,6 +29,7 @@ export function DocumentEditorContainer({ setBodyshop }) {
data: dataShop,
} = useQuery(QUERY_BODYSHOP, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
useEffect(() => {
@@ -38,6 +39,8 @@ export function DocumentEditorContainer({ setBodyshop }) {
const { loading, error, data } = useQuery(GET_DOCUMENT_BY_PK, {
variables: { documentId },
skip: !documentId,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
if (loading || loadingShop) return <LoadingSpinner />;

2
client/src/components/email-documents/email-documents.component.jsx
View File

@@ -34,6 +34,8 @@ export function EmailDocumentsComponent({
jobId: emailConfig.jobid,
},
skip: !emailConfig.jobid,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
return (

2
client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx
View File

@@ -27,6 +27,8 @@ export function Jobd3RdPartyModal({ bodyshop, jobId }) {
SEARCH_VENDOR_AUTOCOMPLETE_WITH_ADDR,
{
skip: !isModalVisible,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
}
);

2
client/src/components/job-audit-trail/job-audit-trail.component.jsx
View File

@@ -10,6 +10,8 @@ export default function JobAuditTrail({ jobId }) {
const { loading, data } = useQuery(QUERY_AUDIT_TRAIL, {
variables: { jobid: jobId },
skip: !jobId,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const columns = [

2
client/src/components/job-detail-cards/job-detail-cards.component.jsx
View File

@@ -54,6 +54,8 @@ export function JobDetailCards({ setPrintCenterContext }) {
const { loading, error, data, refetch } = useQuery(QUERY_JOB_CARD_DETAILS, {
variables: { id: selected },
skip: !selected,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const { t } = useTranslation();

2
client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx
View File

@@ -30,6 +30,8 @@ function JobReconciliationModalContainer({
const { loading, error, data } = useQuery(GET_JOB_RECONCILIATION_BY_PK, {
variables: { id: job && job.id },
skip: !(job && job.id) || !visible,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const handleCancel = () => {

1
client/src/components/jobs-available-table/jobs-available-table.container.jsx
View File

@@ -55,6 +55,7 @@ export function JobsAvailableContainer({
}) {
const { loading, error, data, refetch } = useQuery(QUERY_AVAILABLE_JOBS, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const { clm_no, availableJobId } = queryString.parse(useLocation().search);
const history = useHistory();

2
client/src/components/jobs-create-owner-info/jobs-create-owner-info.container.jsx
View File

@@ -10,6 +10,8 @@ export default function JobsCreateOwnerContainer() {
const { loading, error, data } = useQuery(QUERY_SEARCH_OWNER_BY_IDX, {
variables: { search: `%${state.owner.search}%` },
skip: !state.owner.search,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
if (error) return <AlertComponent message={error.message} type="error" />;

2
client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.container.jsx
View File

@@ -10,6 +10,8 @@ export default function JobsCreateVehicleInfoContainer({ form }) {
const { loading, error, data } = useQuery(SEARCH_VEHICLES, {
variables: { search: `%${state.vehicle.search}%` },
skip: !state.vehicle.search,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
if (error) return <AlertComponent message={error.message} type="error" />;

2
client/src/components/jobs-detail-labor/jobs-detail-labor.container.jsx
View File

@@ -8,6 +8,8 @@ export default function JobsDetailLaborContainer({ jobId, techConsole, job }) {
const { loading, error, data, refetch } = useQuery(GET_LINE_TICKET_BY_PK, {
variables: { id: jobId },
skip: !!!jobId,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
if (error) return <AlertComponent message={error.message} type="error" />;

2
client/src/components/jobs-detail-pli/jobs-detail-pli.container.jsx
View File

@@ -8,6 +8,8 @@ import JobsDetailPliComponent from "./jobs-detail-pli.component";
export default function JobsDetailPliContainer({ job }) {
const billsQuery = useQuery(QUERY_BILLS_BY_JOBID, {
variables: { jobid: job.id },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const search = queryString.parse(useLocation().search);

1
client/src/components/jobs-documents-gallery/jobs-documents-gallery.container.jsx
View File

@@ -14,6 +14,7 @@ export default function JobsDocumentsContainer({
const { loading, error, data, refetch } = useQuery(GET_DOCUMENTS_BY_JOB, {
variables: { jobId: jobId },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
skip: !!billId,
});

2
client/src/components/jobs-find-modal/jobs-find-modal.container.jsx
View File

@@ -33,6 +33,8 @@ export default connect(
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open"],
},
skip: !modalProps.visible,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const modalSearch = modalSearchState[0];

2
client/src/components/jobs-list/jobs-list.component.jsx
View File

@@ -29,6 +29,8 @@ export function JobsList({ bodyshop }) {
variables: {
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open", "Open*"],
},
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [state, setState] = useState({

1
client/src/components/jobs-notes/jobs-notes.container.jsx
View File

@@ -28,6 +28,7 @@ export function JobNotesContainer({ jobId, insertAuditTrail }) {
const { loading, error, data, refetch } = useQuery(QUERY_NOTES_BY_JOB_PK, {
variables: { id: jobId },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [deleteNote] = useMutation(DELETE_NOTE);

2
client/src/components/owners-list/owners-list.container.jsx
View File

@@ -12,6 +12,8 @@ export default function OwnersListContainer() {
const { loading, error, data, refetch } = useQuery(
QUERY_ALL_OWNERS_PAGINATED,
{
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
variables: {
search: search || "",
offset: page ? (page - 1) * 25 : 0,

4
client/src/components/parts-order-modal/parts-order-modal.container.jsx
View File

@@ -77,6 +77,8 @@ export function PartsOrderModalContainer({
const { loading, error, data } = useQuery(QUERY_ALL_VENDORS_FOR_ORDER, {
skip: !visible,
variables: { jobId: jobId },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [insertPartOrder] = useMutation(INSERT_NEW_PARTS_ORDERS);
@@ -248,8 +250,6 @@ export function PartsOrderModalContainer({
}),
});
}
} catch (error) {
console.log("Error OEC.", error);
notification["error"]({

2
client/src/components/payment-form/payment-form.totalpayments.component.jsx
View File

@@ -13,6 +13,8 @@ export default function PaymentFormTotalPayments({ jobid }) {
const { loading, error, data } = useQuery(QUERY_JOB_PAYMENT_TOTALS, {
variables: { id: jobid },
skip: !jobid,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
if (loading) return <LoadingSpinner />;

1
client/src/components/phonebook-form/phonebook-form.container.jsx
View File

@@ -31,6 +31,7 @@ function PhonebookFormContainer({ refetch, bodyshop }) {
const { loading, error, data } = useQuery(QUERY_PHONEBOOK_BY_ID, {
variables: { id: phonebookentry },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
skip: !!!phonebookentry || phonebookentry === "new",
});

2
client/src/components/production-board-kanban/production-board-kanban.container.jsx
View File

@@ -23,6 +23,8 @@ const mapStateToProps = createStructuredSelector({
export function ProductionBoardKanbanContainer({ bodyshop, currentUser }) {
const { refetch, loading, data } = useQuery(QUERY_JOBS_IN_PRODUCTION, {
pollInterval: 3600000,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const client = useApolloClient();
const [joblist, setJoblist] = useState([]);

2
client/src/components/production-list-detail/production-list-detail.component.jsx
View File

@@ -32,6 +32,8 @@ export default function ProductionListDetail({ jobs }) {
const { loading, error, data, refetch } = useQuery(QUERY_JOB_CARD_DETAILS, {
variables: { id: selected },
skip: !selected,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
return (

4
client/src/components/production-list-table/production-list-table-view-select.component.jsx
View File

@@ -1,5 +1,6 @@
import { DeleteOutlined } from "@ant-design/icons";
import { useMutation } from "@apollo/client";
import { Button, Popconfirm, Select } from "antd";
import { Popconfirm, Select } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
@@ -12,7 +13,6 @@ import {
selectCurrentUser,
} from "../../redux/user/user.selectors";
import ProductionListColumns from "../production-list-columns/production-list-columns.data";
import { DeleteOutlined } from "@ant-design/icons";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
technician: selectTechnician,

2
client/src/components/production-list-table/production-list-table.container.jsx
View File

@@ -12,6 +12,8 @@ import _ from "lodash";
export default function ProductionListTableContainer() {
const { refetch, loading, data } = useQuery(QUERY_JOBS_IN_PRODUCTION, {
pollInterval: 3600000,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const client = useApolloClient();
const [joblist, setJoblist] = useState([]);

5
client/src/components/profile-shops/profile-shops.container.jsx
View File

@@ -9,7 +9,10 @@ import AlertComponent from "../alert/alert.component";
import ProfileShopsComponent from "./profile-shops.component";
export default function ProfileShopsContainer() {
const { loading, error, data } = useQuery(QUERY_ALL_ASSOCIATIONS);
const { loading, error, data } = useQuery(QUERY_ALL_ASSOCIATIONS, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [updateAssocation] = useMutation(UPDATE_ASSOCIATION);
const updateActiveShop = async (activeShopId) => {

2
client/src/components/schedule-calendar/schedule-calendar.container.jsx
View File

@@ -28,6 +28,8 @@ export function ScheduleCalendarContainer({ calculateScheduleLoad }) {
{
variables: { start: range.start.toDate(), end: range.end.toDate() },
skip: !!!range.start || !!!range.end,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
}
);

1
client/src/components/schedule-day-view/schedule-day-view.container.jsx
View File

@@ -13,6 +13,7 @@ export default function ScheduleDayViewContainer({ day }) {
},
skip: !moment(day).isValid(),
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const { t } = useTranslation();
if (!day) return <div>{t("appointments.labels.nodateselected")}</div>;

3
client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
View File

@@ -44,6 +44,8 @@ export function ScheduleJobModalContainer({
const { data: lbrHrsData } = useQuery(QUERY_LBR_HRS_BY_PK, {
variables: { id: job && job.id },
skip: !job || !job.id,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [loading, setLoading] = useState(false);
@@ -60,6 +62,7 @@ export function ScheduleJobModalContainer({
const existingAppointments = useQuery(QUERY_APPOINTMENTS_BY_JOBID, {
variables: { jobid: jobId },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
skip: !visible || !!!jobId,
});

5
client/src/components/shop-csi-config/shop-csi-config.component.jsx
View File

@@ -10,7 +10,10 @@ import LoadingSpinner from "../loading-spinner/loading-spinner.component";
import ShopCsiConfigForm from "../shop-csi-config-form/shop-csi-config-form.component";
export default function ShopCsiConfig() {
const { loading, error, data } = useQuery(GET_ALL_QUESTION_SETS);
const { loading, error, data } = useQuery(GET_ALL_QUESTION_SETS, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [selectedCsi, setselectedCsi] = useState(null);
const { t } = useTranslation();

1
client/src/components/shop-employees/shop-employees.container.jsx
View File

@@ -25,6 +25,7 @@ function ShopEmployeesContainer({ bodyshop }) {
const employeeState = useState(null);
const { loading, error, data, refetch } = useQuery(QUERY_EMPLOYEES, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [updateEmployee] = useMutation(UPDATE_EMPLOYEE);

1
client/src/components/shop-info/shop-info.container.jsx
View File

@@ -16,6 +16,7 @@ export default function ShopInfoContainer() {
const [updateBodyshop] = useMutation(UPDATE_SHOP);
const { loading, error, data, refetch } = useQuery(QUERY_BODYSHOP, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const handleFinish = (values) => {

2
client/src/components/shop-template-test-render/shop-template-test-render.component.jsx
View File

@@ -38,7 +38,7 @@ export function ShopTemplateTestRender({
// const { data: contextData } = await client.query({
// query: gql(query),
// variables: variables,
// fetchPolicy: "network-only",
//
// });
// const renderResponse = await axios.post("/render", {

5
client/src/components/shop-templates-list/shop-templates-list.container.jsx
View File

@@ -13,7 +13,10 @@ import ShopTemplateDeleteComponent from "../shop-template-delete/shop-template-d
export default function ShopTemplatesListContainer({ visibleState }) {
const [visible, setVisible] = visibleState;
const { loading, error, data, refetch } = useQuery(QUERY_CUSTOM_TEMPLATES);
const { loading, error, data, refetch } = useQuery(QUERY_CUSTOM_TEMPLATES, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const { t } = useTranslation();
const search = queryString.parse(useLocation().search);
const history = useHistory();

2
client/src/components/shop-users/shop-users.component.jsx
View File

@@ -26,6 +26,8 @@ export function ShopInfoUsersComponent({ bodyshop }) {
const { t } = useTranslation();
const { loading, error, data } = useQuery(QUERY_SHOP_ASSOCIATIONS, {
variables: { shopid: bodyshop.id },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const columns = [
{

2
client/src/components/tech-job-clocked-in-list/tech-job-clocked-in-list.component.jsx
View File

@@ -27,6 +27,8 @@ export function TechClockedInList({ technician }) {
variables: {
employeeId: technician.id,
},
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
}
);

3
client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx
View File

@@ -50,9 +50,10 @@ export function JobDetailCards({ setPrintCenterContext }) {
const { selected } = searchParams;
const history = useHistory();
const { loading, error, data, refetch } = useQuery(GET_JOB_BY_PK, {
fetchPolicy: "network-only",
variables: { id: selected },
skip: !selected,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const { t } = useTranslation();

2
client/src/components/tech-lookup-jobs-list/tech-lookup-jobs-list.component.jsx
View File

@@ -25,6 +25,8 @@ export function TechLookupJobsList({ bodyshop }) {
variables: {
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open", "Open*"],
},
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [state, setState] = useState({

2
client/src/components/time-ticket-modal/time-ticket-modal.component.jsx
View File

@@ -272,6 +272,8 @@ export function LaborAllocationContainer({ jobid }) {
const { loading, data: lineTicketData } = useQuery(GET_LINE_TICKET_BY_PK, {
variables: { id: jobid },
skip: !jobid,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
if (loading) return <LoadingSkeleton />;
if (!lineTicketData) return null;

2
client/src/components/time-ticket-modal/time-ticket-modal.container.jsx
View File

@@ -37,6 +37,8 @@ export function TimeTicketModalContainer({
const { data: EmployeeAutoCompleteData } = useQuery(QUERY_ACTIVE_EMPLOYEES, {
skip: !timeTicketModal.visible,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const handleFinish = (values) => {

2
client/src/components/time-ticket-shift/time-ticket-shift.container.jsx
View File

@@ -45,6 +45,8 @@ export function TimeTicketShiftContainer({
variables: {
employeeId: isTechConsole ? technician && technician.id : employeeId,
},
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
}
);

2
client/src/components/vehicles-list/vehicles-list.container.jsx
View File

@@ -27,6 +27,8 @@ export default function VehiclesListContainer() {
},
],
},
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
}
);

1
client/src/components/vendors-form/vendors-form.container.jsx
View File

@@ -31,6 +31,7 @@ function VendorsFormContainer({ refetch, bodyshop }) {
const { loading, error, data } = useQuery(QUERY_VENDOR_BY_ID, {
variables: { id: selectedvendor },
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
skip: !!!selectedvendor || selectedvendor === "new",
});

5
client/src/components/vendors-list/vendors-list.container.jsx
View File

@@ -7,7 +7,10 @@ import { QUERY_ALL_VENDORS } from "../../graphql/vendors.queries";
import VendorsListComponent from "./vendors-list.component";
export default function VendorsListContainer() {
const { loading, error, data, refetch } = useQuery(QUERY_ALL_VENDORS);
const { loading, error, data, refetch } = useQuery(QUERY_ALL_VENDORS, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const search = queryString.parse(useLocation().search);
const history = useHistory();