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

feat: Upload company logo to invoice templates

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2024-09-22 00:01:12 +02:00
parent 5e7cff0eb7
commit d16c57b63b
3 changed files with 158 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeGeneralFields.tsx
View File

@@ -12,6 +12,8 @@ import { FColorInput } from '@/components/Forms/FColorInput';
import { CreditCardIcon } from '@/icons/CreditCardIcon';
import { Overlay } from './Overlay';
import { useIsTemplateNamedFilled } from '@/containers/BrandingTemplates/utils';
import { CompanyLogoUpload } from './CompanyLogoUpload';
import { useFormikContext } from 'formik';
export function InvoiceCustomizeGeneralField() {
const isTemplateNameFilled = useIsTemplateNamedFilled();
@@ -75,6 +77,8 @@ export function InvoiceCustomizeGeneralField() {
fastField
/>
</FFormGroup>
<CompanyLogoUploadField />
</Stack>
<InvoiceCustomizePaymentManage />
@@ -99,7 +103,24 @@ function InvoiceCustomizePaymentManage() {
<Text>Accept payment methods</Text>
</Group>
<a href={'#'}>Manage</a>
<a style={{ fontSize: 13 }} href={'#'}>Manage</a>
</Group>
);
}
function CompanyLogoUploadField() {
const { setFieldValue } = useFormikContext();
return (
<FFormGroup name={'companyLogo'} label={''} fastField>
<CompanyLogoUpload
onChange={(file) => {
const imageUrl = file ? URL.createObjectURL(file) : '';
setFieldValue('companyLogoFile', file);
setFieldValue('companyLogo', imageUrl);
}}
/>
</FFormGroup>
);
}