Merge branch 'master' of https://github.com/abouolia/Bigcapital

client/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailFooter.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import clsx from 'classnames';
 
-import { TotalLines, TotalLine } from 'components';
+import { T, TotalLines, TotalLine } from 'components';
 import InvoiceDrawerCls from 'style/components/Drawers/InvoiceDrawer.module.scss';
 import { useInvoiceDetailDrawerContext } from './InvoiceDetailDrawerProvider';
 
@@ -15,22 +15,22 @@ export function InvoiceDetailFooter() {
     <div className={clsx(InvoiceDrawerCls.detail_panel_footer)}>
       <TotalLines>
         <TotalLine
-          title={'Subtotal'}
+          title={<T id={'invoice.details.subtotal'} />}
           value={invoice.balance}
           className={InvoiceDrawerCls.total_line_subtotal}
         />
         <TotalLine
-          title={'TOTAL'}
+          title={<T id={'invoice.details.total'} />}
           value={invoice.balance}
           className={InvoiceDrawerCls.total_line_total}
         />
         <TotalLine
-          title={'Payment made'}
+          title={<T id={'invoice.details.payment_amount'} />}
           value={invoice.payment_amount}
           className={InvoiceDrawerCls.total_line_payment}
         />
         <TotalLine
-          title={'Due amount'}
+          title={<T id={'invoice.details.due_amount'} />}
           value={'1000'}
           className={InvoiceDrawerCls.total_line_dueAmount}
         />

client/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailHeader.js

@@ -47,7 +47,10 @@ export default function InvoiceDetailHeader() {
           label={intl.get('reference')}
           children={defaultTo(invoice.reference_no, '--')}
         />
-        <DetailItem label={'Created at'} children={'2020 Ang 21'} />
+        <DetailItem
+          label={intl.get('invoice.details.created_at')}
+          children={'2020 Ang 21'}
+        />
       </DetailsMenu>
     </div>
   );