diff --git a/src/components/FinancialSheet/ReportDataTable.js b/src/components/FinancialSheet/ReportDataTable.js new file mode 100644 index 000000000..b242ae8e7 --- /dev/null +++ b/src/components/FinancialSheet/ReportDataTable.js @@ -0,0 +1,9 @@ +import styled from 'styled-components'; + +import { DataTable } from 'components'; + +export const ReportDataTable = styled(DataTable)` + .table .tbody .tr.no-results:last-of-type .td { + border-bottom: 1px solid #ddd; + } +`; diff --git a/src/components/FinancialSheet/index.js b/src/components/FinancialSheet/index.js index ca17c27c5..6a366b26f 100644 --- a/src/components/FinancialSheet/index.js +++ b/src/components/FinancialSheet/index.js @@ -1,2 +1,3 @@ export * from './FinancialSheet'; -export * from './FinancialSheetSkeleton'; \ No newline at end of file +export * from './FinancialSheetSkeleton'; +export * from './ReportDataTable'; \ No newline at end of file diff --git a/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryTable.js b/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryTable.js index c284793ec..be7b4588e 100644 --- a/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryTable.js +++ b/src/containers/FinancialStatements/APAgingSummary/APAgingSummaryTable.js @@ -2,7 +2,7 @@ import React from 'react'; import intl from 'react-intl-universal'; import styled from 'styled-components'; -import { DataTable, FinancialSheet } from 'components'; +import { ReportDataTable, FinancialSheet } from 'components'; import { TableStyle } from 'common'; import { useAPAgingSummaryContext } from './APAgingSummaryProvider'; @@ -45,7 +45,7 @@ export default function APAgingSummaryTable({ ); } -const APAgingSummaryDataTable = styled(DataTable)` +const APAgingSummaryDataTable = styled(ReportDataTable)` .table { .tbody .tr { .td { diff --git a/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryTable.js b/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryTable.js index 15de59206..608981c0f 100644 --- a/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryTable.js +++ b/src/containers/FinancialStatements/ARAgingSummary/ARAgingSummaryTable.js @@ -2,7 +2,7 @@ import React from 'react'; import intl from 'react-intl-universal'; import styled from 'styled-components'; -import { DataTable, FinancialSheet } from 'components'; +import { ReportDataTable, FinancialSheet } from 'components'; import { TableStyle } from 'common'; import { useARAgingSummaryContext } from './ARAgingSummaryProvider'; @@ -26,7 +26,6 @@ export default function ReceivableAgingSummaryTable({ return (