diff --git a/client/src/components/accounting-payables-table/accounting-payables-table.component.jsx b/client/src/components/accounting-payables-table/accounting-payables-table.component.jsx index 260589c2f..d8b477005 100644 --- a/client/src/components/accounting-payables-table/accounting-payables-table.component.jsx +++ b/client/src/components/accounting-payables-table/accounting-payables-table.component.jsx @@ -1,21 +1,21 @@ -import { Input, Table, Checkbox, Card, Space } from "antd"; +import { Card, Checkbox, Input, Space, Table } from "antd"; +import queryString from "query-string"; import React, { useState } from "react"; import { useTranslation } from "react-i18next"; -import { Link } from "react-router-dom"; -import CurrencyFormatter from "../../utils/CurrencyFormatter"; -import { alphaSort, dateSort } from "../../utils/sorters"; -import PayableExportButton from "../payable-export-button/payable-export-button.component"; -import PayableExportAll from "../payable-export-all-button/payable-export-all-button.component"; -import { DateFormatter } from "../../utils/DateFormatter"; -import queryString from "query-string"; -import { logImEXEvent } from "../../firebase/firebase.utils"; -import QboAuthorizeComponent from "../qbo-authorize/qbo-authorize.component"; import { connect } from "react-redux"; +import { Link } from "react-router-dom"; import { createStructuredSelector } from "reselect"; +import { logImEXEvent } from "../../firebase/firebase.utils"; import { selectBodyshop } from "../../redux/user/user.selectors"; +import CurrencyFormatter from "../../utils/CurrencyFormatter"; +import { DateFormatter } from "../../utils/DateFormatter"; +import { pageLimit } from "../../utils/config"; +import { alphaSort, dateSort } from "../../utils/sorters"; import ExportLogsCountDisplay from "../export-logs-count-display/export-logs-count-display.component"; +import PayableExportAll from "../payable-export-all-button/payable-export-all-button.component"; +import PayableExportButton from "../payable-export-button/payable-export-button.component"; import BillMarkSelectedExported from "../payable-mark-selected-exported/payable-mark-selected-exported.component"; -import {pageLimit} from "../../utils/config"; +import QboAuthorizeComponent from "../qbo-authorize/qbo-authorize.component"; const mapStateToProps = createStructuredSelector({ bodyshop: selectBodyshop, diff --git a/client/src/components/accounting-payments-table/accounting-payments-table.component.jsx b/client/src/components/accounting-payments-table/accounting-payments-table.component.jsx index 12b4b098b..48e32394b 100644 --- a/client/src/components/accounting-payments-table/accounting-payments-table.component.jsx +++ b/client/src/components/accounting-payments-table/accounting-payments-table.component.jsx @@ -98,7 +98,8 @@ export function AccountingPayablesTableComponent({ dataIndex: "amount", key: "amount", sorter: (a, b) => a.amount - b.amount, - sortOrder: state.sortedInfo.columnKey === "amount" && state.sortedInfo.order, + sortOrder: + state.sortedInfo.columnKey === "amount" && state.sortedInfo.order, render: (text, record) => ( {record.amount} ), @@ -118,7 +119,8 @@ export function AccountingPayablesTableComponent({ dataIndex: "created_at", key: "created_at", sorter: (a, b) => dateSort(a.created_at, b.created_at), - sortOrder: state.sortedInfo.columnKey === "created_at" && state.sortedInfo.order, + sortOrder: + state.sortedInfo.columnKey === "created_at" && state.sortedInfo.order, render: (text, record) => ( {record.created_at} ),