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

client/src/components/time-tickets-summary-employees/time-tickets-summary-employees.component.jsx

@@ -1,4 +1,5 @@
-import { Card, Col, Row, Table } from "antd";
+import { Card, Col, Row } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import _ from "lodash";
 import dayjs from "../../utils/day";
 import { useMemo, useState } from "react";
@@ -213,12 +214,13 @@ const JobRelatedTicketsTable = ({ loading, jobTickets, startDate, endDate }) =>
 
   return (
     <Card title={t("timetickets.labels.jobhours")}>
-      <Table
+      <ResponsiveTable
         loading={loading}
         scroll={{
           x: true // y: "50rem"
         }}
         columns={columns}
+        mobileColumnKeys={["total", "actions", "empname", "actHrs"]}
         rowKey="id"
         dataSource={data}
         onChange={handleTableChange}
@@ -288,12 +290,13 @@ const ShiftRelatedTicketsTable = ({ loading, shiftTickets, startDate, endDate })
 
   return (
     <Card title={t("timetickets.labels.clockhours")}>
-      <Table
+      <ResponsiveTable
         loading={loading}
         scroll={{
           x: true // y: "50rem"
         }}
         columns={columns}
+        mobileColumnKeys={["total", "actions", "empname", "actHrs"]}
         rowKey="id"
         dataSource={data}
         onChange={handleTableChange}