feat: transaction by refernce.

client/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetail.js

@@ -3,11 +3,14 @@ import { Tabs, Tab } from '@blueprintjs/core';
 import intl from 'react-intl-universal';
 
 import JournalEntriesTable from '../../JournalEntriesTable/JournalEntriesTable';
+import { useReceiptDetailDrawerContext } from './ReceiptDetailDrawerProvider';
+
 
 /**
  * Receipt view detail.
  */
 export default function ReceiptDetail() {
+  const { data } = useReceiptDetailDrawerContext();
   return (
     <div className="view-detail-drawer">
       <Tabs animate={true} large={true} defaultSelectedTabId="journal_entries">
@@ -15,7 +18,7 @@ export default function ReceiptDetail() {
         <Tab
           title={intl.get('journal_entries')}
           id={'journal_entries'}
-          panel={<JournalEntriesTable journal={[]} />}
+          panel={<JournalEntriesTable transactions={data} />}
         />
       </Tabs>
     </div>