feat: bulk transcations delete

packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseForm.tsx

@@ -61,13 +61,13 @@ function ExpenseForm({
     () => ({
       ...(!isEmpty(expense)
         ? {
-            ...transformToEditForm(expense, defaultExpense),
-          }
+          ...transformToEditForm(expense, defaultExpense),
+        }
         : {
-            ...defaultExpense,
-            currency_code: base_currency,
-            payment_account_id: defaultTo(preferredPaymentAccount, ''),
-          }),
+          ...defaultExpense,
+          currency_code: base_currency,
+          payment_account_id: defaultTo(preferredPaymentAccount, ''),
+        }),
     }),
     [expense, base_currency, preferredPaymentAccount],
   );
@@ -82,6 +82,7 @@ function ExpenseForm({
         message: intl.get('amount_cannot_be_zero_or_empty'),
         intent: Intent.DANGER,
       });
+      setSubmitting(false);
       return;
     }
 

packages/webapp/src/containers/Expenses/ExpensesAlerts.tsx

@@ -8,10 +8,15 @@ const ExpensePublishAlert = React.lazy(
   () => import('@/containers/Alerts/Expenses/ExpensePublishAlert'),
 );
 
+const ExpenseBulkDeleteAlert = React.lazy(
+  () => import('@/containers/Alerts/Expenses/ExpenseBulkDeleteAlert'),
+);
+
 /**
  * Accounts alert.
  */
 export default [
   { name: 'expense-delete', component: ExpenseDeleteAlert },
   { name: 'expense-publish', component: ExpensePublishAlert },
+  { name: 'expenses-bulk-delete', component: ExpenseBulkDeleteAlert },
 ];

packages/webapp/src/containers/Expenses/ExpensesLanding/components.tsx

@@ -101,7 +101,7 @@ export function ActionsCell(props) {
  */
 export function PublishAccessor(row) {
   return row.is_published ? (
-    <Tag round>
+    <Tag intent={Intent.SUCCESS} round minimal>
       <T id={'published'} />
     </Tag>
   ) : (