From 50278785c6afe87ef9e4f5d7e57d1b0e57524df0 Mon Sep 17 00:00:00 2001 From: elforjani3 Date: Mon, 22 Feb 2021 18:55:04 +0200 Subject: [PATCH 1/2] fix: drawer. --- .../EstimatesLanding/EstimatesDataTable.js | 11 +++++++++++ .../Sales/Estimates/EstimatesLanding/components.js | 6 +++++- .../Invoices/InvoicesLanding/InvoicesDataTable.js | 13 ++++++++++++- .../Sales/Invoices/InvoicesLanding/components.js | 12 +++++++----- .../PaymentsLanding/PaymentReceivesTable.js | 11 +++++++++++ .../PaymentReceives/PaymentsLanding/components.js | 6 +++++- .../Sales/Receipts/ReceiptsLanding/ReceiptsTable.js | 11 +++++++++++ .../Sales/Receipts/ReceiptsLanding/components.js | 6 +++++- 8 files changed, 67 insertions(+), 9 deletions(-) diff --git a/client/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.js b/client/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.js index 676ecd5e4..339d61800 100644 --- a/client/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.js +++ b/client/src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.js @@ -11,6 +11,7 @@ import TableSkeletonHeader from 'components/Datatable/TableHeaderSkeleton'; import withEstimatesActions from './withEstimatesActions'; import withSettings from 'containers/Settings/withSettings'; import withAlertsActions from 'containers/Alert/withAlertActions'; +import withDrawerActions from 'containers/Drawer/withDrawerActions'; import { useEstimatesListContext } from './EstimatesListProvider'; import { ActionsMenu, useEstiamtesTableColumns } from './components'; @@ -24,6 +25,9 @@ function EstimatesDataTable({ // #withAlertsActions openAlert, + + // #withDrawerActions + openDrawer, }) { const history = useHistory(); @@ -62,6 +66,11 @@ function EstimatesDataTable({ const handleRejectEstimate = ({ id }) => { openAlert('estimate-reject', { estimateId: id }); }; + + // Handle drawer estimate. + const handleDrawerEstimate = () => { + openDrawer('estimate-drawer', {}); + }; // Handles fetch data. const handleFetchData = useCallback( @@ -104,6 +113,7 @@ function EstimatesDataTable({ onReject: handleRejectEstimate, onDeliver: handleDeliverEstimate, onDelete: handleDeleteEstimate, + onDrawer: handleDrawerEstimate, }} /> ); @@ -112,6 +122,7 @@ function EstimatesDataTable({ export default compose( withEstimatesActions, withAlertsActions, + withDrawerActions, withSettings(({ organizationSettings }) => ({ baseCurrency: organizationSettings?.baseCurrency, })), diff --git a/client/src/containers/Sales/Estimates/EstimatesLanding/components.js b/client/src/containers/Sales/Estimates/EstimatesLanding/components.js index ff5bec06f..8b066814e 100644 --- a/client/src/containers/Sales/Estimates/EstimatesLanding/components.js +++ b/client/src/containers/Sales/Estimates/EstimatesLanding/components.js @@ -49,7 +49,7 @@ export const statusAccessor = (row) => ( */ export function ActionsMenu({ row: { original }, - payload: { onEdit, onDeliver, onReject, onApprove, onDelete }, + payload: { onEdit, onDeliver, onReject, onApprove, onDelete ,onDrawer }, }) { const { formatMessage } = useIntl(); @@ -100,6 +100,10 @@ export function ActionsMenu({ /> + onDrawer()} + /> { + openDrawer('invoice-drawer', {}); + }; + // Handles fetch data once the table state change. const handleDataTableFetchData = useCallback( ({ pageSize, pageIndex, sortBy }) => { @@ -104,6 +113,7 @@ function InvoicesDataTable({ onDelete: handleDeleteInvoice, onDeliver: handleDeliverInvoice, onEdit: handleEditInvoice, + onDrawer: handleDrawerInvoice, baseCurrency, }} /> @@ -114,6 +124,7 @@ export default compose( withDashboardActions, withInvoiceActions, withAlertsActions, + withDrawerActions, withInvoices(({ invoicesTableState }) => ({ invoicesTableState })), withSettings(({ organizationSettings }) => ({ baseCurrency: organizationSettings?.baseCurrency, diff --git a/client/src/containers/Sales/Invoices/InvoicesLanding/components.js b/client/src/containers/Sales/Invoices/InvoicesLanding/components.js index 043b673f9..10ac36416 100644 --- a/client/src/containers/Sales/Invoices/InvoicesLanding/components.js +++ b/client/src/containers/Sales/Invoices/InvoicesLanding/components.js @@ -8,7 +8,7 @@ import { ProgressBar, Popover, Position, - Button + Button, } from '@blueprintjs/core'; import { FormattedMessage as T, useIntl } from 'react-intl'; import moment from 'moment'; @@ -18,11 +18,9 @@ import { Money, AppToaster } from 'components'; import { formatMessage } from 'services/intl'; import { safeCallback } from 'utils'; - const calculateStatus = (paymentAmount, balanceAmount) => { return round(paymentAmount / balanceAmount, 2); -} - +}; export const statusAccessor = (row) => { return ( @@ -95,7 +93,7 @@ export const handleDeleteErrors = (errors) => { }; export function ActionsMenu({ - payload: { onEdit, onDeliver, onDelete }, + payload: { onEdit, onDeliver, onDelete, onDrawer }, row: { original }, }) { const { formatMessage } = useIntl(); @@ -119,6 +117,10 @@ export function ActionsMenu({ onClick={safeCallback(onDeliver, original)} /> + onDrawer()} + /> { + openDrawer('payment-receive-drawer', {}); + }; + // Handle datatable fetch once the table's state changing. const handleDataTableFetchData = useCallback( ({ pageIndex, pageSize, sortBy }) => { @@ -93,6 +102,7 @@ function PaymentReceivesDataTable({ payload={{ onDelete: handleDeletePaymentReceive, onEdit: handleEditPaymentReceive, + onDrawer: handleDrawerPaymentReceive, }} /> ); @@ -101,6 +111,7 @@ function PaymentReceivesDataTable({ export default compose( withPaymentReceivesActions, withAlertsActions, + withDrawerActions, withPaymentReceives(({ paymentReceivesTableState }) => ({ paymentReceivesTableState, })), diff --git a/client/src/containers/Sales/PaymentReceives/PaymentsLanding/components.js b/client/src/containers/Sales/PaymentReceives/PaymentsLanding/components.js index d97397766..6ca80c75d 100644 --- a/client/src/containers/Sales/PaymentReceives/PaymentsLanding/components.js +++ b/client/src/containers/Sales/PaymentReceives/PaymentsLanding/components.js @@ -18,7 +18,7 @@ import { safeCallback } from 'utils'; */ export function ActionsMenu({ row: { original: paymentReceive }, - payload: { onEdit, onDelete }, + payload: { onEdit, onDelete, onDrawer }, }) { const { formatMessage } = useIntl(); @@ -34,6 +34,10 @@ export function ActionsMenu({ text={formatMessage({ id: 'edit_payment_receive' })} onClick={safeCallback(onEdit, paymentReceive)} /> + onDrawer()} + /> { + openDrawer('receipt-drawer', {}); + }; + // Handles the datable fetch data once the state changing. const handleDataTableFetchData = useCallback( ({ sortBy, pageIndex, pageSize }) => { @@ -102,6 +111,7 @@ function ReceiptsDataTable({ onEdit: handleEditReceipt, onDelete: handleDeleteReceipt, onClose: handleCloseReceipt, + onDrawer:handleDrawerReceipt, baseCurrency, }} /> @@ -111,6 +121,7 @@ function ReceiptsDataTable({ export default compose( withAlertsActions, withReceiptsActions, + withDrawerActions, withReceipts(({ receiptTableState }) => ({ receiptTableState, })), diff --git a/client/src/containers/Sales/Receipts/ReceiptsLanding/components.js b/client/src/containers/Sales/Receipts/ReceiptsLanding/components.js index 12ac79e9a..01f998b54 100644 --- a/client/src/containers/Sales/Receipts/ReceiptsLanding/components.js +++ b/client/src/containers/Sales/Receipts/ReceiptsLanding/components.js @@ -15,7 +15,7 @@ import { Choose, Money, Icon, If } from 'components'; import moment from 'moment'; export function ActionsMenu({ - payload: { onEdit, onDelete, onClose }, + payload: { onEdit, onDelete, onClose ,onDrawer }, row: { original: receipt }, }) { const { formatMessage } = useIntl(); @@ -38,6 +38,10 @@ export function ActionsMenu({ onClick={safeCallback(onClose, receipt)} /> + onDrawer()} + /> Date: Mon, 22 Feb 2021 20:45:17 +0200 Subject: [PATCH 2/2] refactoring : paper template. --- .../src/containers/Drawers/PaperTemplate.js | 123 ------------------ .../Drawers/PaperTemplate/PaperTemplate.js | 27 ++++ .../PaperTemplate/PaperTemplateFooter.js | 16 +++ .../PaperTemplate/PaperTemplateHeader.js | 44 +++++++ .../PaperTemplate/PaperTemplateTable.js | 55 ++++++++ .../Drawers/PaymentPaperTemplate.js | 102 --------------- .../PaymentPaperTemplate.js | 26 ++++ .../PaymentPaperTemplateHeader.js | 43 ++++++ .../PaymentPaperTemplateTable.js | 51 ++++++++ .../EstimateDetails/EstimateDrawer.js | 5 +- .../Invoices/InvoiceDetails/InvoiceDrawer.js | 2 +- .../PaymentDetails/PaymentDrawer.js | 2 +- .../Receipts/ReceiptDetails/ReceiptDrawer.js | 2 +- 13 files changed, 268 insertions(+), 230 deletions(-) delete mode 100644 client/src/containers/Drawers/PaperTemplate.js create mode 100644 client/src/containers/Drawers/PaperTemplate/PaperTemplate.js create mode 100644 client/src/containers/Drawers/PaperTemplate/PaperTemplateFooter.js create mode 100644 client/src/containers/Drawers/PaperTemplate/PaperTemplateHeader.js create mode 100644 client/src/containers/Drawers/PaperTemplate/PaperTemplateTable.js delete mode 100644 client/src/containers/Drawers/PaymentPaperTemplate.js create mode 100644 client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplate.js create mode 100644 client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplateHeader.js create mode 100644 client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplateTable.js diff --git a/client/src/containers/Drawers/PaperTemplate.js b/client/src/containers/Drawers/PaperTemplate.js deleted file mode 100644 index 037ccd4d3..000000000 --- a/client/src/containers/Drawers/PaperTemplate.js +++ /dev/null @@ -1,123 +0,0 @@ -import React from 'react'; -import { Icon } from 'components'; -import 'style/components/Drawer/DrawerTemplate.scss'; - -export default function PaperTemplate({ labels: propLabels }) { - const labels = { - name: 'Estimate', - billedTo: 'Billed to', - date: 'Estimate date', - refNo: 'Estimate No.', - billedFrom: 'Billed from', - amount: 'Estimate amount', - dueDate: 'Due date', - ...propLabels, - }; - - return ( -
-
-
-
-

{labels.name}

-

info@bigcapital.ly

-
- -
- -
-
- {labels.billedTo} -

Joe Biden

-
-
- {labels.date} - -

1/1/2022

-
-
- {labels.refNo} -

IN-2022

-
-
- {labels.amount} -

6,000 LYD

-
-
- {labels.billedFrom} -

Donald Trump

-
-
- {labels.dueDate} -

25/03/2022

-
-
- -
-
- Description - Rate - Qty - Total -
-
- - Nulla commodo magnanon dolor excepteur nisi aute laborum. - - 1 - 1 - 100 LYD -
- -
- - Nulla comm non dolor excepteur elit dolore eiusmod nisi aute - laborum. - - 1 - 1 - 100 LYD -
-
- - Nulla comm non dolor excepteur elit dolore eiusmod nisi aute - laborum. - - 1 - 1 - 100 LYD -
-
- - Nulla comm non dolor excepteur elit dolore eiusmod nisi aute - laborum. - - 1 - 1 - 100 LYD -
-
- - Nulla comm non dolor excepteur elit dolore eiusmod nisi aute - laborum. - - 1 - 1 - 100 LYD -
-
- -
-
-

Conditions and terms

-
-
    -
  • Est excepteur laboris do sit dolore sit exercitation non.
    • -
  • Lorem duis aliqua minim elit cillum.
    • -
  • Dolor ad quis Lorem ut mollit consectetur.
    • -
-
-
-
- ); -} diff --git a/client/src/containers/Drawers/PaperTemplate/PaperTemplate.js b/client/src/containers/Drawers/PaperTemplate/PaperTemplate.js new file mode 100644 index 000000000..f520dc9e1 --- /dev/null +++ b/client/src/containers/Drawers/PaperTemplate/PaperTemplate.js @@ -0,0 +1,27 @@ +import React from 'react'; +import PaperTemplateHeader from './PaperTemplateHeader'; +import PaperTemplateTable from './PaperTemplateTable'; +import PaperTemplateFooter from './PaperTemplateFooter'; +import 'style/components/Drawer/DrawerTemplate.scss'; + +export default function PaperTemplate({ labels: propLabels }) { + const labels = { + name: 'Estimate', + billedTo: 'Billed to', + date: 'Estimate date', + refNo: 'Estimate No.', + billedFrom: 'Billed from', + amount: 'Estimate amount', + dueDate: 'Due date', + ...propLabels, + }; + return ( +
+
+ + + +
+
+ ); +} diff --git a/client/src/containers/Drawers/PaperTemplate/PaperTemplateFooter.js b/client/src/containers/Drawers/PaperTemplate/PaperTemplateFooter.js new file mode 100644 index 000000000..b270005e2 --- /dev/null +++ b/client/src/containers/Drawers/PaperTemplate/PaperTemplateFooter.js @@ -0,0 +1,16 @@ +import React from 'react'; + +export default function PaperTemplateFooter() { + return ( +
+
+

Conditions and terms

+
+
    +
  • Est excepteur laboris do sit dolore sit exercitation non.
    • +
  • Lorem duis aliqua minim elit cillum.
    • +
  • Dolor ad quis Lorem ut mollit consectetur.
    • +
+
+ ); +} diff --git a/client/src/containers/Drawers/PaperTemplate/PaperTemplateHeader.js b/client/src/containers/Drawers/PaperTemplate/PaperTemplateHeader.js new file mode 100644 index 000000000..0413f5397 --- /dev/null +++ b/client/src/containers/Drawers/PaperTemplate/PaperTemplateHeader.js @@ -0,0 +1,44 @@ +import React from 'react'; +import { Icon } from 'components'; + +export default function PaperTemplateHeader({ defaultLabels }) { + return ( + <> +
+
+

{defaultLabels.name}

+

info@bigcapital.ly

+
+ +
+ +
+
+ {defaultLabels.billedTo} +

Joe Biden

+
+
+ {defaultLabels.date} + +

1/1/2022

+
+
+ {defaultLabels.refNo} +

IN-2022

+
+
+ {defaultLabels.amount} +

6,000 LYD

+
+
+ {defaultLabels.billedFrom} +

Donald Trump

+
+
+ {defaultLabels.dueDate} +

25/03/2022

+
+
+ + ); +} diff --git a/client/src/containers/Drawers/PaperTemplate/PaperTemplateTable.js b/client/src/containers/Drawers/PaperTemplate/PaperTemplateTable.js new file mode 100644 index 000000000..e54454533 --- /dev/null +++ b/client/src/containers/Drawers/PaperTemplate/PaperTemplateTable.js @@ -0,0 +1,55 @@ +import React from 'react'; + +export default function DrawerTemplateTable() { + return ( +
+
+ Description + Rate + Qty + Total +
+
+ + Nulla commodo magnanon dolor excepteur nisi aute laborum. + + 1 + 1 + 100 LYD +
+ +
+ + Nulla comm non dolor excepteur elit dolore eiusmod nisi aute laborum. + + 1 + 1 + 100 LYD +
+
+ + Nulla comm non dolor excepteur elit dolore eiusmod nisi aute laborum. + + 1 + 1 + 100 LYD +
+
+ + Nulla comm non dolor excepteur elit dolore eiusmod nisi aute laborum. + + 1 + 1 + 100 LYD +
+
+ + Nulla comm non dolor excepteur elit dolore eiusmod nisi aute laborum. + + 1 + 1 + 100 LYD +
+
+ ); +} diff --git a/client/src/containers/Drawers/PaymentPaperTemplate.js b/client/src/containers/Drawers/PaymentPaperTemplate.js deleted file mode 100644 index c5eb4a3e5..000000000 --- a/client/src/containers/Drawers/PaymentPaperTemplate.js +++ /dev/null @@ -1,102 +0,0 @@ -import React from 'react'; -import { Icon } from 'components'; -import 'style/components/Drawer/DrawerTemplate.scss'; - -export default function PaymentPaperTemplate({ labels: propLabels }) { - const labels = { - title: 'Payment receive', - billedTo: 'Billed to', - paymentDate: 'Payment date', - paymentNo: 'Payment No.', - billedFrom: 'Billed from', - referenceNo: 'Reference No', - amountReceived: 'Amount received', - ...propLabels, - }; - - return ( -
-
-
-
-

{labels.title}

-

info@bigcapital.ly

-
- -
- -
-
- {labels.billedTo} -

Step Currency

-
-
- {labels.paymentDate} -

1/1/2022

-
-
- {labels.paymentNo} -

IN-2022

-
-
- {labels.amountReceived} -

60,000 USD

-
-
- {labels.billedFrom} -

Klay Thompson

-
-
- {labels.referenceNo} -

-
-
-
-
- - Invoice number - - - Invoice date - - - Invoice amount - - - Payment amount - -
- -
- - INV-1 - - - 12 Jan 2021 - - - 50,000 USD - - - 1000 USD - -
-
- - INV-2{' '} - - - 12 Jan 2021 - - - 50,000 USD - - - 1000 USD - -
-
-
-
- ); -} diff --git a/client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplate.js b/client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplate.js new file mode 100644 index 000000000..9fdf6ba31 --- /dev/null +++ b/client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplate.js @@ -0,0 +1,26 @@ +import React from 'react'; +import PaymentPaperTemplateHeader from './PaymentPaperTemplateHeader'; +import PaymentPaperTemplateTable from './PaymentPaperTemplateTable'; +import 'style/components/Drawer/DrawerTemplate.scss'; + +export default function PaymentPaperTemplate({ labels: propLabels }) { + const labels = { + title: 'Payment receive', + billedTo: 'Billed to', + paymentDate: 'Payment date', + paymentNo: 'Payment No.', + billedFrom: 'Billed from', + referenceNo: 'Reference No', + amountReceived: 'Amount received', + ...propLabels, + }; + + return ( +
+
+ + +
+
+ ); +} diff --git a/client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplateHeader.js b/client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplateHeader.js new file mode 100644 index 000000000..7143158c2 --- /dev/null +++ b/client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplateHeader.js @@ -0,0 +1,43 @@ +import React from 'react'; +import { Icon } from 'components'; + +export default function PaymentPaperTemplateHeader({ defaultLabels }) { + return ( + <> +
+
+

{defaultLabels.title}

+

info@bigcapital.ly

+
+ +
+ +
+
+ {defaultLabels.billedTo} +

Step Currency

+
+
+ {defaultLabels.paymentDate} +

1/1/2022

+
+
+ {defaultLabels.paymentNo} +

IN-2022

+
+
+ {defaultLabels.amountReceived} +

60,000 USD

+
+
+ {defaultLabels.billedFrom} +

Klay Thompson

+
+
+ {defaultLabels.referenceNo} +

+
+
+ + ); +} diff --git a/client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplateTable.js b/client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplateTable.js new file mode 100644 index 000000000..8e189ef22 --- /dev/null +++ b/client/src/containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplateTable.js @@ -0,0 +1,51 @@ +import React from 'react'; + +export default function PaymentPaperTemplateTable() { + return ( +
+
+ + Invoice number + + + Invoice date + + + Invoice amount + + + Payment amount + +
+ +
+ + INV-1 + + + 12 Jan 2021 + + + 50,000 USD + + + 1000 USD + +
+
+ + INV-2 + + + 12 Jan 2021 + + + 50,000 USD + + + 1000 USD + +
+
+ ); +} diff --git a/client/src/containers/Sales/Estimates/EstimateDetails/EstimateDrawer.js b/client/src/containers/Sales/Estimates/EstimateDetails/EstimateDrawer.js index 1b6c8b2cc..5ada55f73 100644 --- a/client/src/containers/Sales/Estimates/EstimateDetails/EstimateDrawer.js +++ b/client/src/containers/Sales/Estimates/EstimateDetails/EstimateDrawer.js @@ -1,6 +1,6 @@ import React from 'react'; import DrawerTemplate from 'containers/Drawers/DrawerTemplate'; -import PaperTemplate from 'containers/Drawers/PaperTemplate'; +import PaperTemplate from 'containers/Drawers/PaperTemplate/PaperTemplate'; import withDrawers from 'containers/Drawer/withDrawers'; import withDrawerActions from 'containers/Drawer/withDrawerActions'; @@ -18,10 +18,11 @@ function EstimateDrawer({ const handleDrawerClose = () => { closeDrawer(name); }; + return ( - + ); } diff --git a/client/src/containers/Sales/Invoices/InvoiceDetails/InvoiceDrawer.js b/client/src/containers/Sales/Invoices/InvoiceDetails/InvoiceDrawer.js index 58de80ad8..ffeadb9e3 100644 --- a/client/src/containers/Sales/Invoices/InvoiceDetails/InvoiceDrawer.js +++ b/client/src/containers/Sales/Invoices/InvoiceDetails/InvoiceDrawer.js @@ -1,6 +1,6 @@ import React from 'react'; import DrawerTemplate from 'containers/Drawers/DrawerTemplate'; -import PaperTemplate from 'containers/Drawers/PaperTemplate'; +import PaperTemplate from 'containers/Drawers/PaperTemplate/PaperTemplate'; import withDrawers from 'containers/Drawer/withDrawers'; import withDrawerActions from 'containers/Drawer/withDrawerActions'; diff --git a/client/src/containers/Sales/PaymentReceives/PaymentDetails/PaymentDrawer.js b/client/src/containers/Sales/PaymentReceives/PaymentDetails/PaymentDrawer.js index a2cf23a5d..974926d40 100644 --- a/client/src/containers/Sales/PaymentReceives/PaymentDetails/PaymentDrawer.js +++ b/client/src/containers/Sales/PaymentReceives/PaymentDetails/PaymentDrawer.js @@ -1,6 +1,6 @@ import React from 'react'; import DrawerTemplate from 'containers/Drawers/DrawerTemplate'; -import PaymentPaperTemplate from 'containers/Drawers/PaymentPaperTemplate'; +import PaymentPaperTemplate from 'containers/Drawers/PaymentPaperTemplate/PaymentPaperTemplate'; import withDrawers from 'containers/Drawer/withDrawers'; import withDrawerActions from 'containers/Drawer/withDrawerActions'; diff --git a/client/src/containers/Sales/Receipts/ReceiptDetails/ReceiptDrawer.js b/client/src/containers/Sales/Receipts/ReceiptDetails/ReceiptDrawer.js index 9434e4a38..3c1d3079e 100644 --- a/client/src/containers/Sales/Receipts/ReceiptDetails/ReceiptDrawer.js +++ b/client/src/containers/Sales/Receipts/ReceiptDetails/ReceiptDrawer.js @@ -1,6 +1,6 @@ import React from 'react'; import DrawerTemplate from 'containers/Drawers/DrawerTemplate'; -import PaperTemplate from 'containers/Drawers/PaperTemplate'; +import PaperTemplate from 'containers/Drawers/PaperTemplate/PaperTemplate'; import withDrawers from 'containers/Drawer/withDrawers'; import withDrawerActions from 'containers/Drawer/withDrawerActions';