feat(lang): financial statement.

client/src/containers/FinancialStatements/APAgingSummary/components.js

@@ -2,6 +2,8 @@ import React, { useMemo } from 'react';
 import { useAPAgingSummaryContext } from './APAgingSummaryProvider';
 import { getColumnWidth } from 'utils';
 import { FormattedMessage as T } from 'react-intl';
+import { formatMessage } from 'services/intl';
+
 import { If } from 'components';
 import FinancialLoadingBar from '../FinancialLoadingBar';
 
@@ -16,7 +18,9 @@ export const useAPAgingSummaryColumns = () => {
   const agingColumns = React.useMemo(() => {
     return columns.map(
       (agingColumn) =>
-        `${agingColumn.before_days} - ${agingColumn.to_days || 'And Over'}`,
+        `${agingColumn.before_days} - ${
+          agingColumn.to_days || formatMessage({ id: 'and_over' })
+        }`,
     );
   }, [columns]);
 
@@ -60,14 +64,12 @@ export const useAPAgingSummaryColumns = () => {
 /**
  * A/P aging summary sheet loading bar.
  */
- export function APAgingSummarySheetLoadingBar() {
-  const {
-    isAPAgingFetching
-  } = useAPAgingSummaryContext();
+export function APAgingSummarySheetLoadingBar() {
+  const { isAPAgingFetching } = useAPAgingSummaryContext();
 
   return (
     <If condition={isAPAgingFetching}>
       <FinancialLoadingBar />
     </If>
-  )
-}
+  );
+}