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

feature/feature/IO-3554-Form-Row-Layout - Revert Monthly Job Costing Table

Browse Source
This commit is contained in:
Dave
2026-02-27 10:53:57 -05:00
parent fd6f46e39d
commit b2f471fe9a
1 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
client/src/components/dashboard-components/monthly-job-costing/monthly-job-costing.component.jsx
View File

@@ -1,5 +1,4 @@
import { Card, Input, Space, Typography } from "antd"; import { Card, Input, Space, Table, Typography } from "antd";
import ResponsiveTable from "../../responsive-table/responsive-table.component";
import axios from "axios"; import axios from "axios";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
@@ -105,31 +104,30 @@ export default function DashboardMonthlyJobCosting({ data, ...cardProps }) {
> >
<LoadingSkeleton loading={loading}> <LoadingSkeleton loading={loading}>
<div style={{ height: "100%" }}> <div style={{ height: "100%" }}>
<ResponsiveTable <Table
onChange={handleTableChange} onChange={handleTableChange}
pagination={{ placement: "top", defaultPageSize: pageLimit }} pagination={{ placement: "top", defaultPageSize: pageLimit }}
columns={columns} columns={columns}
mobileColumnKeys={["cost_center", "sales", "costs", "gpdollars"]}
scroll={{ x: true, y: "calc(100% - 4em)" }} scroll={{ x: true, y: "calc(100% - 4em)" }}
rowKey="id" rowKey="id"
style={{ height: "100%" }} style={{ height: "100%" }}
dataSource={filteredData} dataSource={filteredData}
summary={() => ( summary={() => (
<ResponsiveTable.Summary.Row> <Table.Summary.Row>
<ResponsiveTable.Summary.Cell> <Table.Summary.Cell>
<Typography.Title level={4}>{t("general.labels.totals")}</Typography.Title> <Typography.Title level={4}>{t("general.labels.totals")}</Typography.Title>
</ResponsiveTable.Summary.Cell> </Table.Summary.Cell>
<ResponsiveTable.Summary.Cell> <Table.Summary.Cell>
{Dinero(costingData?.allSummaryData && costingData.allSummaryData.totalSales).toFormat()} {Dinero(costingData?.allSummaryData && costingData.allSummaryData.totalSales).toFormat()}
</ResponsiveTable.Summary.Cell> </Table.Summary.Cell>
<ResponsiveTable.Summary.Cell> <Table.Summary.Cell>
{Dinero(costingData?.allSummaryData && costingData.allSummaryData.totalCost).toFormat()} {Dinero(costingData?.allSummaryData && costingData.allSummaryData.totalCost).toFormat()}
</ResponsiveTable.Summary.Cell> </Table.Summary.Cell>
<ResponsiveTable.Summary.Cell> <Table.Summary.Cell>
{Dinero(costingData?.allSummaryData && costingData.allSummaryData.gpdollars).toFormat()} {Dinero(costingData?.allSummaryData && costingData.allSummaryData.gpdollars).toFormat()}
</ResponsiveTable.Summary.Cell> </Table.Summary.Cell>
<ResponsiveTable.Summary.Cell></ResponsiveTable.Summary.Cell> <Table.Summary.Cell></Table.Summary.Cell>
</ResponsiveTable.Summary.Row> </Table.Summary.Row>
)} )}
/> />
</div> </div>