IO-899 Refactor ccc paginated query

client/src/components/contracts-list/contracts-list.component.jsx

@@ -6,7 +6,6 @@ import { useTranslation } from "react-i18next";
 import { Link, useHistory, useLocation } from "react-router-dom";
 import { DateTimeFormatter } from "../../utils/DateFormatter";
 import { alphaSort } from "../../utils/sorters";
-import TimeTicketsDatesSelector from "../ticket-tickets-dates-selector/time-tickets-dates-selector.component";
 
 export default function ContractsList({ loading, contracts, refetch, total }) {
   const [state, setState] = useState({
@@ -126,11 +125,6 @@ export default function ContractsList({ loading, contracts, refetch, total }) {
     <Card
       extra={
         <Space wrap>
-          <Button onClick={() => refetch()}>
-            <SyncOutlined />
-          </Button>
-
-          <TimeTicketsDatesSelector />
           {search.search && (
             <>
               <Typography.Title level={4}>
@@ -146,6 +140,9 @@ export default function ContractsList({ loading, contracts, refetch, total }) {
               </Button>
             </>
           )}
+          <Button onClick={() => refetch()}>
+            <SyncOutlined />
+          </Button>
           <Input.Search
             placeholder={search.searh || t("general.labels.search")}
             onSearch={(value) => {

client/src/graphql/cccontracts.queries.js

@@ -144,23 +144,16 @@ export const QUERY_CONTRACT_BY_PK = gql`
 
 export const QUERY_ACTIVE_CONTRACTS_PAGINATED = gql`
   query QUERY_ACTIVE_CONTRACTS_PAGINATED(
+    $search: String
     $offset: Int
     $limit: Int
     $order: [cccontracts_order_by!]!
-    $start: timestamptz
-    $end: timestamptz
   ) {
-    cccontracts(
+    search_cccontracts(
+      args: { search: $search }
       offset: $offset
       limit: $limit
       order_by: $order
-      where: {
-        _or: [
-          { actualreturn: { _lte: $end } }
-          { actualreturn: { _is_null: true } }
-        ]
-        start: { _gte: $start }
-      }
     ) {
       agreementnumber
       courtesycarid
@@ -171,7 +164,6 @@ export const QUERY_ACTIVE_CONTRACTS_PAGINATED = gql`
       jobid
       job {
         id
-
         ro_number
         ownr_fn
         ownr_ln
@@ -190,7 +182,7 @@ export const QUERY_ACTIVE_CONTRACTS_PAGINATED = gql`
         plate
       }
     }
-    cccontracts_aggregate {
+    search_cccontracts_aggregate(args: { search: $search }) {
       aggregate {
         count(distinct: true)
       }

client/src/pages/contracts/contracts.page.container.jsx

@@ -1,18 +1,17 @@
 import { useQuery } from "@apollo/client";
+import queryString from "query-string";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
+import { useLocation } from "react-router-dom";
 import AlertComponent from "../../components/alert/alert.component";
+import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
 import { QUERY_ACTIVE_CONTRACTS_PAGINATED } from "../../graphql/cccontracts.queries";
 import {
   setBreadcrumbs,
   setSelectedHeader,
 } from "../../redux/application/application.actions";
 import ContractsPageComponent from "./contracts.page.component";
-import queryString from "query-string";
-import { useLocation } from "react-router-dom";
-import moment from "moment";
-import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
 
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
@@ -21,17 +20,13 @@ const mapDispatchToProps = (dispatch) => ({
 
 export function ContractsPageContainer({ setBreadcrumbs, setSelectedHeader }) {
   const searchParams = queryString.parse(useLocation().search);
-  const { page, sortcolumn, sortorder, start, end } = searchParams;
+  const { search, page, sortcolumn, sortorder } = searchParams;
 
   const { loading, error, data, refetch } = useQuery(
     QUERY_ACTIVE_CONTRACTS_PAGINATED,
     {
       variables: {
-        //search: search || "",
-        start: start
-          ? moment(start)
-          : moment().startOf("week").subtract(7, "days"),
-        end: end ? moment(end) : moment().endOf("week"),
+        search: search || "",
         offset: page ? (page - 1) * 25 : 0,
         limit: 25,
         order: [
@@ -62,14 +57,12 @@ export function ContractsPageContainer({ setBreadcrumbs, setSelectedHeader }) {
   if (error) return <AlertComponent message={error.message} type="error" />;
   return (
     <RbacWrapper action="contracts:list">
-      <div>
-        <ContractsPageComponent
-          loading={loading}
-          refetch={refetch}
-          data={data ? data.cccontracts : []}
-          total={data ? data.cccontracts_aggregate.aggregate.count : 0}
-        />
-      </div>
+      <ContractsPageComponent
+        loading={loading}
+        refetch={refetch}
+        data={data ? data.search_cccontracts : []}
+        total={data ? data.search_cccontracts_aggregate.aggregate.count : 0}
+      />
     </RbacWrapper>
   );
 }