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

feat: wip send invoice preview

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2024-10-26 18:39:36 +02:00
parent 728b4cacd9
commit ce40d67ea2
7 changed files with 198 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceSendMailHeader.tsx
View File

@@ -1,20 +1,17 @@
import { Button, Classes } from "@blueprintjs/core";
import { Group, Icon } from "@/components";
import { useDrawerContext } from "@/components/Drawer/DrawerProvider";
import { useDrawerActions } from "@/hooks/state";
import { Button, Classes } from '@blueprintjs/core';
import { x } from '@xstyled/emotion';
import { Group, Icon } from '@/components';
import { useDrawerContext } from '@/components/Drawer/DrawerProvider';
import { useDrawerActions } from '@/hooks/state';
interface ElementCustomizeHeaderProps {
label?: string;
children?: React.ReactNode;
closeButton?: boolean;
onClose?: () => void;
}
export function InvoiceSendMailHeader({
label,
closeButton = true,
onClose,
children,
}: ElementCustomizeHeaderProps) {
const { name } = useDrawerContext();
const { closeDrawer } = useDrawerActions();
@@ -25,7 +22,7 @@ export function InvoiceSendMailHeader({
return (
<Group
p={'10px'}
pl={'15px'}
pl={'30px'}
bg="white"
alignItems={'center'}
boxShadow={'0 1px 0 rgba(17, 20, 24, .15)'}
@@ -33,9 +30,9 @@ export function InvoiceSendMailHeader({
style={{ position: 'relative' }}
>
{label && (
<h1 style={{ margin: 0, fontSize: 20, fontWeight: 500, color: '#666' }}>
<x.h1 margin={0} fontSize={20} fontWeight={500} color={'#666'}>
{label}
</h1>
</x.h1>
)}
{closeButton && (
<Button