feat: drawer.

client/src/components/Drawer/Drawer.js

@@ -2,11 +2,18 @@ import React from 'react';
 import { FormattedMessage as T, useIntl } from 'react-intl';
 import { Position, Drawer } from '@blueprintjs/core';
 
-export default function ({ children, isOpen, isClose, drawerProps }) {
+export default function ({
+  title = <T id={'view_paper'} />,
+  children,
+  isOpen,
+  isClose,
+  drawerProps,
+}) {
+  
   return (
     <Drawer
       isOpen={isOpen}
-      title={<T id={'view_paper'} />}
+      title={title}
       position={Position.RIGHT}
       canOutsideClickClose={true}
       canEscapeKeyClose={true}

client/src/components/Drawer/DrawerSuspense.js

@@ -1,6 +1,14 @@
 import React, { Suspense } from 'react';
-import { Spinner } from '@blueprintjs/core';
+import { Spinner, Classes } from '@blueprintjs/core';
+
+function LoadingContent() {
+  return (
+    <div className={Classes.DRAWER_BODY}>
+      <Spinner size={30} />
+    </div>
+  );
+}
 
 export default function DrawerSuspense({ children }) {
-  return <Suspense fallback={<Spinner size={30} />}>{children}</Suspense>;
+  return <Suspense fallback={<LoadingContent />}>{children}</Suspense>;
 }

client/src/components/DrawersContainer.js

@@ -3,6 +3,9 @@ import EstimateDrawer from 'containers/Sales/Estimates/EstimateDetails/EstimateD
 import InvoiceDrawer from 'containers/Sales/Invoices/InvoiceDetails/InvoiceDrawer';
 import ReceiptDrawer from 'containers/Sales/Receipts/ReceiptDetails/ReceiptDrawer';
 import PaymentReceiveDrawer from 'containers/Sales/PaymentReceives/PaymentDetails/PaymentReceiveDrawer';
+import AccountDrawer from 'containers/Drawers/AccountDrawer';
+import ManualJournalDrawer from 'containers/Drawers/ManualJournalDrawer';
+import ExpenseDrawer from 'containers/Drawers/ExpenseDrawer';
 
 export default function DrawersContainer() {
   return (
@@ -11,6 +14,9 @@ export default function DrawersContainer() {
       <InvoiceDrawer name={'invoice-drawer'} />
       <ReceiptDrawer name={'receipt-drawer'} />
       <PaymentReceiveDrawer name={'payment-receive-drawer'} />
+      <AccountDrawer name={'account-drawer'} />
+      <ManualJournalDrawer name={'journal-drawer'} />
+      <ExpenseDrawer name={'expense-drawer'} />
     </div>
   );
 }