From 70415d1d63ca3ab8e044a3e78f4756d58db006f4 Mon Sep 17 00:00:00 2001
From: Ahmed Bouhuolia <a.bouhuolia@gmail.com>
Date: Thu, 15 Jun 2023 20:49:23 +0200
Subject: [PATCH] fix(webapp): change the remove line option text to be red to
 intent as danger action

---
 .../src/containers/Accounting/MakeJournal/components.tsx       | 3 ++-
 packages/webapp/src/containers/Entries/components.tsx          | 3 ++-
 .../webapp/src/containers/Expenses/ExpenseForm/components.tsx  | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/webapp/src/containers/Accounting/MakeJournal/components.tsx b/packages/webapp/src/containers/Accounting/MakeJournal/components.tsx
index c413d74b1e..ab6d07bae5 100644
--- a/packages/webapp/src/containers/Accounting/MakeJournal/components.tsx
+++ b/packages/webapp/src/containers/Accounting/MakeJournal/components.tsx
@@ -1,7 +1,7 @@
 // @ts-nocheck
 import React, { useEffect } from 'react';
 import intl from 'react-intl-universal';
-import { Menu, MenuItem, Position, Button } from '@blueprintjs/core';
+import { Menu, MenuItem, Position, Button, Intent } from '@blueprintjs/core';
 import { Popover2 } from '@blueprintjs/popover2';
 import { useFormikContext } from 'formik';
 import * as R from 'ramda';
@@ -74,6 +74,7 @@ export const ActionsCellRenderer = ({
   const exampleMenu = (
     <Menu>
       <MenuItem
+        intent={Intent.DANGER}
         onClick={handleClickRemoveRole}
         text={intl.get('make_journal.entries.remove_row')}
       />
diff --git a/packages/webapp/src/containers/Entries/components.tsx b/packages/webapp/src/containers/Entries/components.tsx
index 66ee92cdc6..7b90ef648c 100644
--- a/packages/webapp/src/containers/Entries/components.tsx
+++ b/packages/webapp/src/containers/Entries/components.tsx
@@ -1,7 +1,7 @@
 // @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
-import { MenuItem, Menu, Button, Position } from '@blueprintjs/core';
+import { MenuItem, Menu, Button, Position, Intent } from '@blueprintjs/core';
 import { Popover2 } from '@blueprintjs/popover2';
 
 import { Align, CellType, Features } from '@/constants';
@@ -47,6 +47,7 @@ export function ActionsCellRenderer({
   const exampleMenu = (
     <Menu>
       <MenuItem
+        intent={Intent.DANGER}
         onClick={onRemoveRole}
         text={<T id={'item_entries.remove_row'} />}
       />
diff --git a/packages/webapp/src/containers/Expenses/ExpenseForm/components.tsx b/packages/webapp/src/containers/Expenses/ExpenseForm/components.tsx
index 228c474572..4264226af9 100644
--- a/packages/webapp/src/containers/Expenses/ExpenseForm/components.tsx
+++ b/packages/webapp/src/containers/Expenses/ExpenseForm/components.tsx
@@ -1,7 +1,7 @@
 // @ts-nocheck
 import React from 'react';
 import intl from 'react-intl-universal';
-import { Button, Menu, MenuItem } from '@blueprintjs/core';
+import { Button, Intent, Menu, MenuItem } from '@blueprintjs/core';
 import { Popover2 } from '@blueprintjs/popover2';
 import { useFormikContext } from 'formik';
 
@@ -51,6 +51,7 @@ const ActionsCellRenderer = ({
   const exampleMenu = (
     <Menu>
       <MenuItem
+        intent={Intent.DANGER}
         onClick={handleClickRemoveRole}
         text={intl.get('expense.entries.remove_row')}
       />