mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-20 14:50:32 +00:00
refactoring : paper template.
This commit is contained in:
elforjani3
@@ -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 (
|
|
||||||
<div id={'page-size'}>
|
|
||||||
<div className={'template'}>
|
|
||||||
<div className={'template__header'}>
|
|
||||||
<div className={'template__header--title'}>
|
|
||||||
<h1>{labels.name}</h1>
|
|
||||||
<p>info@bigcapital.ly </p>
|
|
||||||
</div>
|
|
||||||
<Icon icon="bigcapital" height={30} width={200} />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="template__content">
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.billedTo} </span>
|
|
||||||
<p className={'info-paragraph'}>Joe Biden</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.date} </span>
|
|
||||||
|
|
||||||
<p className={'info-paragraph'}>1/1/2022</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.refNo} </span>
|
|
||||||
<p className={'info-paragraph'}>IN-2022</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.amount} </span>
|
|
||||||
<p className={'info-paragraph-amount'}>6,000 LYD</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.billedFrom} </span>
|
|
||||||
<p className={'info-paragraph'}>Donald Trump</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.dueDate} </span>
|
|
||||||
<p className={'info-paragraph'}>25/03/2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="template__table">
|
|
||||||
<div className="template__table__rows">
|
|
||||||
<span className="template__table__rows--cell ">Description</span>
|
|
||||||
<span className="template__table__rows--cell">Rate</span>
|
|
||||||
<span className="template__table__rows--cell">Qty</span>
|
|
||||||
<span className="template__table__rows--cell">Total</span>
|
|
||||||
</div>
|
|
||||||
<div className="template__table__rows">
|
|
||||||
<span className="template__table__rows--cell">
|
|
||||||
Nulla commodo magnanon dolor excepteur nisi aute laborum.
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">100 LYD</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="template__table__rows">
|
|
||||||
<span className="template__table__rows--cell">
|
|
||||||
Nulla comm non dolor excepteur elit dolore eiusmod nisi aute
|
|
||||||
laborum.
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">100 LYD</span>
|
|
||||||
</div>
|
|
||||||
<div className="template__table__rows">
|
|
||||||
<span className="template__table__rows--cell">
|
|
||||||
Nulla comm non dolor excepteur elit dolore eiusmod nisi aute
|
|
||||||
laborum.
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">100 LYD</span>
|
|
||||||
</div>
|
|
||||||
<div className="template__table__rows">
|
|
||||||
<span className="template__table__rows--cell">
|
|
||||||
Nulla comm non dolor excepteur elit dolore eiusmod nisi aute
|
|
||||||
laborum.
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">100 LYD</span>
|
|
||||||
</div>
|
|
||||||
<div className="template__table__rows">
|
|
||||||
<span className="template__table__rows--cell">
|
|
||||||
Nulla comm non dolor excepteur elit dolore eiusmod nisi aute
|
|
||||||
laborum.
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">1</span>
|
|
||||||
<span className="template__table__rows--cell">100 LYD</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="template__terms">
|
|
||||||
<div className="template__terms__title">
|
|
||||||
<h4>Conditions and terms</h4>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Est excepteur laboris do sit dolore sit exercitation non.</li>
|
|
||||||
<li>Lorem duis aliqua minim elit cillum.</li>
|
|
||||||
<li>Dolor ad quis Lorem ut mollit consectetur.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
27
client/src/containers/Drawers/PaperTemplate/PaperTemplate.js
Normal file
27
client/src/containers/Drawers/PaperTemplate/PaperTemplate.js
Normal file
@@ -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 (
|
||||||
|
<div id={'page-size'}>
|
||||||
|
<div className={'template'}>
|
||||||
|
<PaperTemplateHeader defaultLabels={labels} />
|
||||||
|
<PaperTemplateTable />
|
||||||
|
<PaperTemplateFooter />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
export default function PaperTemplateFooter() {
|
||||||
|
return (
|
||||||
|
<div className="template__terms">
|
||||||
|
<div className="template__terms__title">
|
||||||
|
<h4>Conditions and terms</h4>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>Est excepteur laboris do sit dolore sit exercitation non.</li>
|
||||||
|
<li>Lorem duis aliqua minim elit cillum.</li>
|
||||||
|
<li>Dolor ad quis Lorem ut mollit consectetur.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { Icon } from 'components';
|
||||||
|
|
||||||
|
export default function PaperTemplateHeader({ defaultLabels }) {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className={'template__header'}>
|
||||||
|
<div className={'template__header--title'}>
|
||||||
|
<h1>{defaultLabels.name}</h1>
|
||||||
|
<p>info@bigcapital.ly </p>
|
||||||
|
</div>
|
||||||
|
<Icon icon="bigcapital" height={30} width={200} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="template__content">
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.billedTo} </span>
|
||||||
|
<p className={'info-paragraph'}>Joe Biden</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.date} </span>
|
||||||
|
|
||||||
|
<p className={'info-paragraph'}>1/1/2022</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.refNo} </span>
|
||||||
|
<p className={'info-paragraph'}>IN-2022</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.amount} </span>
|
||||||
|
<p className={'info-paragraph-amount'}>6,000 LYD</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.billedFrom} </span>
|
||||||
|
<p className={'info-paragraph'}>Donald Trump</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.dueDate} </span>
|
||||||
|
<p className={'info-paragraph'}>25/03/2022</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
export default function DrawerTemplateTable() {
|
||||||
|
return (
|
||||||
|
<div className="template__table">
|
||||||
|
<div className="template__table__rows">
|
||||||
|
<span className="template__table__rows--cell ">Description</span>
|
||||||
|
<span className="template__table__rows--cell">Rate</span>
|
||||||
|
<span className="template__table__rows--cell">Qty</span>
|
||||||
|
<span className="template__table__rows--cell">Total</span>
|
||||||
|
</div>
|
||||||
|
<div className="template__table__rows">
|
||||||
|
<span className="template__table__rows--cell">
|
||||||
|
Nulla commodo magnanon dolor excepteur nisi aute laborum.
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">100 LYD</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="template__table__rows">
|
||||||
|
<span className="template__table__rows--cell">
|
||||||
|
Nulla comm non dolor excepteur elit dolore eiusmod nisi aute laborum.
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">100 LYD</span>
|
||||||
|
</div>
|
||||||
|
<div className="template__table__rows">
|
||||||
|
<span className="template__table__rows--cell">
|
||||||
|
Nulla comm non dolor excepteur elit dolore eiusmod nisi aute laborum.
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">100 LYD</span>
|
||||||
|
</div>
|
||||||
|
<div className="template__table__rows">
|
||||||
|
<span className="template__table__rows--cell">
|
||||||
|
Nulla comm non dolor excepteur elit dolore eiusmod nisi aute laborum.
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">100 LYD</span>
|
||||||
|
</div>
|
||||||
|
<div className="template__table__rows">
|
||||||
|
<span className="template__table__rows--cell">
|
||||||
|
Nulla comm non dolor excepteur elit dolore eiusmod nisi aute laborum.
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">1</span>
|
||||||
|
<span className="template__table__rows--cell">100 LYD</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -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 (
|
|
||||||
<div id={'page-size'}>
|
|
||||||
<div className={'template'}>
|
|
||||||
<div className={'template__header'}>
|
|
||||||
<div className={'template__header--title'}>
|
|
||||||
<h1>{labels.title}</h1>
|
|
||||||
<p>info@bigcapital.ly </p>
|
|
||||||
</div>
|
|
||||||
<Icon icon="bigcapital" height={30} width={200} />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="template__content">
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.billedTo} </span>
|
|
||||||
<p className={'info-paragraph'}>Step Currency</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.paymentDate} </span>
|
|
||||||
<p className={'info-paragraph'}>1/1/2022</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.paymentNo} </span>
|
|
||||||
<p className={'info-paragraph'}>IN-2022</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.amountReceived} </span>
|
|
||||||
<p className={'info-paragraph-amount'}>60,000 USD</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.billedFrom} </span>
|
|
||||||
<p className={'info-paragraph'}> Klay Thompson</p>
|
|
||||||
</div>
|
|
||||||
<div className="template__content__info">
|
|
||||||
<span> {labels.referenceNo} </span>
|
|
||||||
<p className={'info-paragraph'}></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="template__table">
|
|
||||||
<div className="template__table__rows">
|
|
||||||
<span className="template__table__rows--cell-payment-receive ">
|
|
||||||
Invoice number
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell-payment-receive ">
|
|
||||||
Invoice date
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell-payment-receive ">
|
|
||||||
Invoice amount
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell-payment-receive ">
|
|
||||||
Payment amount
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="template__table__rows">
|
|
||||||
<span className="template__table__rows--cell-payment-receive">
|
|
||||||
INV-1
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell-payment-receive">
|
|
||||||
12 Jan 2021
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell-payment-receive">
|
|
||||||
50,000 USD
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell-payment-receive">
|
|
||||||
1000 USD
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="template__table__rows">
|
|
||||||
<span className="template__table__rows--cell-payment-receive">
|
|
||||||
INV-2{' '}
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell-payment-receive">
|
|
||||||
12 Jan 2021
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell-payment-receive">
|
|
||||||
50,000 USD
|
|
||||||
</span>
|
|
||||||
<span className="template__table__rows--cell-payment-receive">
|
|
||||||
1000 USD
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -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 (
|
||||||
|
<div id={'page-size'}>
|
||||||
|
<div className={'template'}>
|
||||||
|
<PaymentPaperTemplateHeader defaultLabels={labels} />
|
||||||
|
<PaymentPaperTemplateTable />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { Icon } from 'components';
|
||||||
|
|
||||||
|
export default function PaymentPaperTemplateHeader({ defaultLabels }) {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className={'template__header'}>
|
||||||
|
<div className={'template__header--title'}>
|
||||||
|
<h1>{defaultLabels.title}</h1>
|
||||||
|
<p>info@bigcapital.ly </p>
|
||||||
|
</div>
|
||||||
|
<Icon icon="bigcapital" height={30} width={200} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="template__content">
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.billedTo} </span>
|
||||||
|
<p className={'info-paragraph'}>Step Currency</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.paymentDate} </span>
|
||||||
|
<p className={'info-paragraph'}>1/1/2022</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.paymentNo} </span>
|
||||||
|
<p className={'info-paragraph'}>IN-2022</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.amountReceived} </span>
|
||||||
|
<p className={'info-paragraph-amount'}>60,000 USD</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.billedFrom} </span>
|
||||||
|
<p className={'info-paragraph'}> Klay Thompson</p>
|
||||||
|
</div>
|
||||||
|
<div className="template__content__info">
|
||||||
|
<span> {defaultLabels.referenceNo} </span>
|
||||||
|
<p className={'info-paragraph'}></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,51 @@
|
|||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
export default function PaymentPaperTemplateTable() {
|
||||||
|
return (
|
||||||
|
<div className="template__table">
|
||||||
|
<div className="template__table__rows">
|
||||||
|
<span className="template__table__rows--cell-payment-receive ">
|
||||||
|
Invoice number
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell-payment-receive ">
|
||||||
|
Invoice date
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell-payment-receive ">
|
||||||
|
Invoice amount
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell-payment-receive ">
|
||||||
|
Payment amount
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="template__table__rows">
|
||||||
|
<span className="template__table__rows--cell-payment-receive">
|
||||||
|
INV-1
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell-payment-receive">
|
||||||
|
12 Jan 2021
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell-payment-receive">
|
||||||
|
50,000 USD
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell-payment-receive">
|
||||||
|
1000 USD
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="template__table__rows">
|
||||||
|
<span className="template__table__rows--cell-payment-receive">
|
||||||
|
INV-2
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell-payment-receive">
|
||||||
|
12 Jan 2021
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell-payment-receive">
|
||||||
|
50,000 USD
|
||||||
|
</span>
|
||||||
|
<span className="template__table__rows--cell-payment-receive">
|
||||||
|
1000 USD
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import DrawerTemplate from 'containers/Drawers/DrawerTemplate';
|
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 withDrawers from 'containers/Drawer/withDrawers';
|
||||||
import withDrawerActions from 'containers/Drawer/withDrawerActions';
|
import withDrawerActions from 'containers/Drawer/withDrawerActions';
|
||||||
|
|
||||||
@@ -18,10 +18,11 @@ function EstimateDrawer({
|
|||||||
const handleDrawerClose = () => {
|
const handleDrawerClose = () => {
|
||||||
closeDrawer(name);
|
closeDrawer(name);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DrawerTemplate isOpen={isOpen} isClose={handleDrawerClose}>
|
<DrawerTemplate isOpen={isOpen} isClose={handleDrawerClose}>
|
||||||
<PaperTemplate />
|
<PaperTemplate />
|
||||||
</DrawerTemplate>
|
</DrawerTemplate>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import DrawerTemplate from 'containers/Drawers/DrawerTemplate';
|
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 withDrawers from 'containers/Drawer/withDrawers';
|
||||||
import withDrawerActions from 'containers/Drawer/withDrawerActions';
|
import withDrawerActions from 'containers/Drawer/withDrawerActions';
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import DrawerTemplate from 'containers/Drawers/DrawerTemplate';
|
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 withDrawers from 'containers/Drawer/withDrawers';
|
||||||
import withDrawerActions from 'containers/Drawer/withDrawerActions';
|
import withDrawerActions from 'containers/Drawer/withDrawerActions';
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import DrawerTemplate from 'containers/Drawers/DrawerTemplate';
|
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 withDrawers from 'containers/Drawer/withDrawers';
|
||||||
import withDrawerActions from 'containers/Drawer/withDrawerActions';
|
import withDrawerActions from 'containers/Drawer/withDrawerActions';
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user