UI fixes for manual job creation + owners pages + vehicles pages + all jobs BOD-155

client/src/pages/courtesy-cars/courtesy-cars.page.component.jsx

@@ -1,6 +1,12 @@
 import React from "react";
 import CourtesyCarsListComponent from "../../components/courtesy-cars-list/courtesy-cars-list.component";
 
-export default function CourtesyCarsPageComponent({ loading, data }) {
-  return <CourtesyCarsListComponent loading={loading} courtesycars={data} />;
+export default function CourtesyCarsPageComponent({ loading, data, refetch }) {
+  return (
+    <CourtesyCarsListComponent
+      loading={loading}
+      courtesycars={data}
+      refetch={refetch}
+    />
+  );
 }

client/src/pages/courtesy-cars/courtesy-cars.page.container.jsx

@@ -12,7 +12,7 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 export function CourtesyCarsPageContainer({ setBreadcrumbs }) {
-  const { loading, error, data } = useQuery(QUERY_ALL_CC);
+  const { loading, error, data, refetch } = useQuery(QUERY_ALL_CC);
   const { t } = useTranslation();
   useEffect(() => {
     document.title = t("titles.courtesycars");
@@ -21,11 +21,12 @@ export function CourtesyCarsPageContainer({ setBreadcrumbs }) {
       { link: "/manage/courtesycars", label: t("titles.bc.courtesycars") },
     ]);
   }, [setBreadcrumbs, t]);
-  if (error) return <AlertComponent message={error.message} type="error" />;
+  if (error) return <AlertComponent message={error.message} type='error' />;
   return (
     <CourtesyCarsPageComponent
       loading={loading}
       data={(data && data.courtesycars) || []}
+      refetch={refetch}
     />
   );
 }