feat: pdf template customize

packages/webapp/src/containers/BrandingTemplates/BrandingTemplatesContent.tsx

@@ -0,0 +1,46 @@
+// @ts-nocheck
+import * as R from 'ramda';
+import { Button, Classes, Intent } from '@blueprintjs/core';
+import { BrandingTemplatesBoot } from './BrandingTemplatesBoot';
+import { Box, Card, DrawerHeaderContent, Group } from '@/components';
+import { DRAWERS } from '@/constants/drawers';
+import { BrandingTemplatesTable } from './BrandingTemplatesTable';
+import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { BrandingTemplateActionsBar } from './BrandingTemplatesActionsBar';
+
+export default function BrandingTemplateContent() {
+  return (
+    <Box>
+      <DrawerHeaderContent
+        name={DRAWERS.BRANDING_TEMPLATES}
+        title={'Branding Templates'}
+      />
+      <Box className={Classes.DRAWER_BODY}>
+        <BrandingTemplatesBoot>
+          <BrandingTemplateActionsBar />
+
+          <Card style={{ padding: 0 }}>
+            <BrandingTemplatesTable />
+          </Card>
+        </BrandingTemplatesBoot>
+      </Box>
+    </Box>
+  );
+}
+
+const BrandingTemplateHeader = R.compose(withDrawerActions)(
+  ({ openDrawer }) => {
+    const handleCreateBtnClick = () => {
+      openDrawer(DRAWERS.INVOICE_CUSTOMIZE);
+    };
+    return (
+      <Group>
+        <Button intent={Intent.PRIMARY} onClick={handleCreateBtnClick}>
+          Create Invoice Branding
+        </Button>
+      </Group>
+    );
+  },
+);
+
+BrandingTemplateHeader.displayName = 'BrandingTemplateHeader';