feature/feature/IO-3554-Form-Row-Layout - Responsive overhaul

client/src/components/contracts-find-modal/contracts-find-modal.container.jsx

@@ -1,5 +1,6 @@
 import { useLazyQuery } from "@apollo/client/react";
-import { Button, Form, Modal, Table } from "antd";
+import { Button, Form, Modal } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -64,7 +65,7 @@ export function ContractsFindModalContainer({ contractFinderModal, toggleModalVi
           {t("general.labels.search")}
         </Button>
         {error && <AlertComponent type="error" title={JSON.stringify(error)} />}
-        <Table
+        <ResponsiveTable
           loading={loading}
           columns={[
             {
@@ -124,6 +125,7 @@ export function ContractsFindModalContainer({ contractFinderModal, toggleModalVi
               render: (text, record) => <DateTimeFormatter>{record.actualreturn}</DateTimeFormatter>
             }
           ]}
+          mobileColumnKeys={["agreementnumber", "job.ro_number", "driver_ln", "status"]}
           rowKey="id"
           dataSource={data?.cccontracts}
         />