fix: bill response with entries

packages/webapp/src/containers/Dialogs/ExportDialog/ExportDialogContent.module.scss

@@ -1,18 +0,0 @@
-
-
-.root{
-  padding: 20px;
-}
-
-.footer{
-  margin-top: 2rem;
-}
-
-.resourceFormGroup{
-  max-width: 280px;
-}
-
-.paragraph{
-  color: #5F6B7C;
-  margin-bottom: 1.2rem;
-}

packages/webapp/src/containers/Dialogs/ExportDialog/ExportDialogFormContent.tsx

@@ -2,8 +2,8 @@
 import { FFormGroup, FRadioGroup, FSelect, Group } from '@/components';
 import { Button, Intent, Radio } from '@blueprintjs/core';
 import { Form, useFormikContext } from 'formik';
+import { x } from '@xstyled/emotion';
 import { ExportResources } from './constants';
-import styles from './ExportDialogContent.module.scss';
 import { compose } from '@/utils';
 import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 import { DialogsName } from '@/constants/dialogs';
@@ -19,21 +19,22 @@ function ExportDialogFormContentRoot({
 
   return (
     <Form>
-      <div className={styles.root}>
-        <p className={styles.paragraph}>
+      <x.div p="20px">
+        <x.p className="bp4-text-muted" mb="1.2rem">
           You can export data from Bigcapital in CSV or XLSX format
-        </p>
+        </x.p>
 
         <FFormGroup
           name={'resource'}
           label={'Select Resource'}
-          className={styles.resourceFormGroup}
         >
-          <FSelect
-            name={'resource'}
-            items={ExportResources}
-            popoverProps={{ minimal: true }}
-          />
+          <x.div maxWidth="280px">
+            <FSelect
+              name={'resource'}
+              items={ExportResources}
+              popoverProps={{ minimal: true }}
+            />
+          </x.div>
         </FFormGroup>
 
         <FRadioGroup label={'Export As'} name={'format'}>
@@ -41,19 +42,21 @@ function ExportDialogFormContentRoot({
           <Radio value={'csv'}>CSV (Comma Seperated Value)</Radio>
         </FRadioGroup>
 
-        <Group position={'right'} spacing={10} className={styles.footer}>
-          <Button intent={Intent.NONE} onClick={handleCancelBtnClick}>
-            Cancel
-          </Button>
-          <Button
-            type={'submit'}
-            intent={Intent.PRIMARY}
-            loading={isSubmitting}
-          >
-            Export
-          </Button>
-        </Group>
-      </div>
+        <x.div mt="1.6rem">
+          <Group position={'right'} spacing={10}>
+            <Button intent={Intent.NONE} onClick={handleCancelBtnClick}>
+              Cancel
+            </Button>
+            <Button
+              type={'submit'}
+              intent={Intent.PRIMARY}
+              loading={isSubmitting}
+            >
+              Export
+            </Button>
+          </Group>
+        </x.div>
+      </x.div>
     </Form>
   );
 }