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

fix: add consistent Box wrapper to paper template forms in customize components

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2026-02-12 14:59:55 +02:00
parent 49c2777587
commit 25ca620836
4 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeContent.tsx
View File

@@ -16,6 +16,7 @@ import { useDrawerActions } from '@/hooks/state';
import { useDrawerContext } from '@/components/Drawer/DrawerProvider'; import { useDrawerContext } from '@/components/Drawer/DrawerProvider';
import { useElementCustomizeContext } from '@/containers/ElementCustomize/ElementCustomizeProvider'; import { useElementCustomizeContext } from '@/containers/ElementCustomize/ElementCustomizeProvider';
import { useIsTemplateNamedFilled } from '@/containers/BrandingTemplates/utils'; import { useIsTemplateNamedFilled } from '@/containers/BrandingTemplates/utils';
import { Box } from '@/components';
export function CreditNoteCustomizeContent() { export function CreditNoteCustomizeContent() {
const { payload, name } = useDrawerContext(); const { payload, name } = useDrawerContext();
@@ -45,7 +46,9 @@ function CreditNoteCustomizeFormContent() {
return ( return (
<ElementCustomizeContent> <ElementCustomizeContent>
<ElementCustomize.PaperTemplate> <ElementCustomize.PaperTemplate>
<Box overflow="auto" flex="1 1" px={4} py={6}>
<CreditNotePaperTemplateFormConnected /> <CreditNotePaperTemplateFormConnected />
</Box>
</ElementCustomize.PaperTemplate> </ElementCustomize.PaperTemplate>
<ElementCustomize.FieldsTab id={'general'} label={'General'}> <ElementCustomize.FieldsTab id={'general'} label={'General'}>

3
packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeContent.tsx
View File

@@ -16,6 +16,7 @@ import { useDrawerActions } from '@/hooks/state';
import { BrandingTemplateForm } from '@/containers/BrandingTemplates/BrandingTemplateForm'; import { BrandingTemplateForm } from '@/containers/BrandingTemplates/BrandingTemplateForm';
import { useElementCustomizeContext } from '@/containers/ElementCustomize/ElementCustomizeProvider'; import { useElementCustomizeContext } from '@/containers/ElementCustomize/ElementCustomizeProvider';
import { useIsTemplateNamedFilled } from '@/containers/BrandingTemplates/utils'; import { useIsTemplateNamedFilled } from '@/containers/BrandingTemplates/utils';
import { Box } from '@/components';
export function EstimateCustomizeContent() { export function EstimateCustomizeContent() {
const { payload, name } = useDrawerContext(); const { payload, name } = useDrawerContext();
@@ -44,7 +45,9 @@ function EstimateCustomizeFormContent() {
return ( return (
<ElementCustomizeContent> <ElementCustomizeContent>
<ElementCustomize.PaperTemplate> <ElementCustomize.PaperTemplate>
<Box overflow="auto" flex="1 1" px={4} py={6}>
<EstimatePaperTemplateFormConnected /> <EstimatePaperTemplateFormConnected />
</Box>
</ElementCustomize.PaperTemplate> </ElementCustomize.PaperTemplate>
<ElementCustomize.FieldsTab id={'general'} label={'General'}> <ElementCustomize.FieldsTab id={'general'} label={'General'}>

3
packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeContent.tsx
View File

@@ -19,6 +19,7 @@ import { useDrawerActions } from '@/hooks/state';
import { BrandingTemplateForm } from '@/containers/BrandingTemplates/BrandingTemplateForm'; import { BrandingTemplateForm } from '@/containers/BrandingTemplates/BrandingTemplateForm';
import { useElementCustomizeContext } from '@/containers/ElementCustomize/ElementCustomizeProvider'; import { useElementCustomizeContext } from '@/containers/ElementCustomize/ElementCustomizeProvider';
import { useIsTemplateNamedFilled } from '@/containers/BrandingTemplates/utils'; import { useIsTemplateNamedFilled } from '@/containers/BrandingTemplates/utils';
import { Box } from '@/components';
export function PaymentReceivedCustomizeContent() { export function PaymentReceivedCustomizeContent() {
const { payload, name } = useDrawerContext(); const { payload, name } = useDrawerContext();
@@ -51,7 +52,9 @@ function PaymentReceivedCustomizeFormContent() {
return ( return (
<ElementCustomizeContent> <ElementCustomizeContent>
<ElementCustomize.PaperTemplate> <ElementCustomize.PaperTemplate>
<Box overflow="auto" flex="1 1" px={4} py={6}>
<PaymentReceivedPaperTemplateFormConnected /> <PaymentReceivedPaperTemplateFormConnected />
</Box>
</ElementCustomize.PaperTemplate> </ElementCustomize.PaperTemplate>
<ElementCustomize.FieldsTab id={'general'} label={'General'}> <ElementCustomize.FieldsTab id={'general'} label={'General'}>

3
packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeContent.tsx
View File

@@ -16,6 +16,7 @@ import { useDrawerActions } from '@/hooks/state';
import { useDrawerContext } from '@/components/Drawer/DrawerProvider'; import { useDrawerContext } from '@/components/Drawer/DrawerProvider';
import { useElementCustomizeContext } from '@/containers/ElementCustomize/ElementCustomizeProvider'; import { useElementCustomizeContext } from '@/containers/ElementCustomize/ElementCustomizeProvider';
import { useIsTemplateNamedFilled } from '@/containers/BrandingTemplates/utils'; import { useIsTemplateNamedFilled } from '@/containers/BrandingTemplates/utils';
import { Box } from '@/components';
export function ReceiptCustomizeContent() { export function ReceiptCustomizeContent() {
const { payload, name } = useDrawerContext(); const { payload, name } = useDrawerContext();
@@ -44,7 +45,9 @@ function ReceiptCustomizeFormContent() {
return ( return (
<ElementCustomizeContent> <ElementCustomizeContent>
<ElementCustomize.PaperTemplate> <ElementCustomize.PaperTemplate>
<Box overflow="auto" flex="1 1" px={4} py={6}>
<ReceiptPaperTemplateFormConnected /> <ReceiptPaperTemplateFormConnected />
</Box>
</ElementCustomize.PaperTemplate> </ElementCustomize.PaperTemplate>
<ElementCustomize.FieldsTab id={'general'} label={'General'}> <ElementCustomize.FieldsTab id={'general'} label={'General'}>