QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-17 21:30:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: wip mail receipt preview

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2024-11-25 16:22:40 +02:00
parent ca44d6346d
commit 2594e37dc7
12 changed files with 109 additions and 955 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/webapp/src/containers/Sales/Estimates/EstimateSendMailDrawer/EstimateSendMailPreview.tsx
View File

@@ -1,8 +1,18 @@
import { lazy } from 'react';
import { Suspense } from 'react';
import { SendMailViewPreviewTabs } from '../SendMailViewDrawer/SendMailViewPreviewTabs';
import { Tab } from '@blueprintjs/core';
import { EstimateSendPdfPreviewConnected } from './EstimateSendPdfPreviewConnected';
import { EstimateSendMailReceiptPreview } from './EstimateSendMailReceiptPreview';
import { SendMailViewPreviewTabs } from '../SendMailViewDrawer/SendMailViewPreviewTabs';
const EstimateSendPdfPreviewConnected = lazy(() =>
import('./EstimateSendPdfPreviewConnected').then((module) => ({
default: module.EstimateSendPdfPreviewConnected,
})),
);
const EstimateSendMailReceiptPreview = lazy(() =>
import('./EstimateSendMailReceiptPreview').then((module) => ({
default: module.EstimateSendMailReceiptPreview,
})),
);
export function EstimateSendMailPreviewTabs() {
return (

2
packages/webapp/src/containers/Sales/Estimates/SendMailViewDrawer/SendMailViewReceiptPreview.tsx
View File

@@ -13,7 +13,7 @@ export function SendMailReceipt({
<Stack
bg="white"
w={'100%'}
maxWidth={'500px'}
maxWidth={'450px'}
p={'35px 25px'}
borderRadius={'5px'}
boxShadow={'0 10px 15px rgba(0, 0, 0, 0.05)'}

2
packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceMailReceipt.tsx
View File

@@ -80,7 +80,7 @@ export function InvoiceMailReceipt({
<Stack
bg="white"
w={'100%'}
maxWidth={'500px'}
maxWidth={'450px'}
p={'35px 25px'}
borderRadius={'5px'}
boxShadow={'0 10px 15px rgba(0, 0, 0, 0.05)'}

12
packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceMailReceiptPreviewConnected.tsx
View File

@@ -9,14 +9,20 @@ import { useInvoiceSendMailBoot } from './InvoiceSendMailContentBoot';
import { InvoiceSendMailPreviewWithHeader } from './InvoiceSendMailHeaderPreview';
import { useSendInvoiceMailMessage } from './_hooks';
const invoiceMailReceiptCss = css`
margin: 0 auto;
border-radius: 5px !important;
transform: scale(0.9);
transform-origin: top;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05) !important;
`
export function InvoiceMailReceiptPreviewConnected() {
return (
<InvoiceSendMailPreviewWithHeader>
<Box px={4} pt={8} pb={16}>
<InvoiceMailReceiptPreviewWithProps
className={css`
margin: 0 auto;
`}
className={invoiceMailReceiptCss}
/>
</Box>
</InvoiceSendMailPreviewWithHeader>

2
packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceSendMailPreview.tsx
View File

@@ -1,5 +1,5 @@
import { lazy, Suspense } from 'react';
import { Tab, } from '@blueprintjs/core';
import { Tab } from '@blueprintjs/core';
import { SendMailViewPreviewTabs } from '../../Estimates/SendMailViewDrawer/SendMailViewPreviewTabs';
const InvoiceMailReceiptPreviewConnected = lazy(() =>