feat: sales pdf preview.

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

@@ -3,13 +3,14 @@ import { Tabs, Tab } from '@blueprintjs/core';
 import intl from 'react-intl-universal';
 
 import JournalEntriesTable from '../../JournalEntriesTable/JournalEntriesTable';
+import InvoiceDetailTab from './InvoiceDetailTab';
 import { useInvoiceDetailDrawerContext } from './InvoiceDetailDrawerProvider';
 
 /**
  * Invoice view detail.
  */
 export default function InvoiceDetail() {
-  const { transactions } = useInvoiceDetailDrawerContext();
+  const { transactions, invoiceId } = useInvoiceDetailDrawerContext();
 
   return (
     <div className="view-detail-drawer">
@@ -19,7 +20,11 @@ export default function InvoiceDetail() {
         defaultSelectedTabId="journal_entries"
         renderActiveTabPanelOnly={false}
       >
-        <Tab title={intl.get('details')} disabled={true} />
+        <Tab
+          title={intl.get('details')}
+          id={'details'}
+          panel={<InvoiceDetailTab invoiceId={invoiceId} />}
+        />
         <Tab
           title={intl.get('journal_entries')}
           id={'journal_entries'}