feat: select payment methods dialog

packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx

@@ -7,6 +7,8 @@ import {
   Classes,
   NavbarDivider,
   Intent,
+  Tooltip,
+  Position,
 } from '@blueprintjs/core';
 
 import { useInvoiceDetailDrawerContext } from './InvoiceDetailDrawerProvider';
@@ -32,6 +34,7 @@ import { compose } from '@/utils';
 import { BadDebtMenuItem } from './utils';
 import { DRAWERS } from '@/constants/drawers';
 import { DialogsName } from '@/constants/dialogs';
+import { ArrowBottomLeft } from '@/icons/ArrowBottomLeft';
 
 /**
  * Invoice details action bar.
@@ -126,7 +129,7 @@ function InvoiceDetailActionsBar({
           <If condition={invoice.is_delivered && !invoice.is_fully_paid}>
             <Button
               className={Classes.MINIMAL}
-              icon={<Icon icon="arrow-downward" iconSize={18} />}
+              icon={<ArrowBottomLeft size={16} />}
               text={<T id={'add_payment'} />}
               onClick={handleQuickPaymentInvoice}
             />
@@ -157,11 +160,15 @@ function InvoiceDetailActionsBar({
             onClick={handleDeleteInvoice}
           />
         </Can>
-        <Button
-          className={Classes.MINIMAL}
-          text={'Share'}
-          onClick={handleShareButtonClick}
-        />
+        <NavbarDivider />
+        <Tooltip content="Share" position={Position.BOTTOM} minimal>
+          <Button
+            className={Classes.MINIMAL}
+            icon={<Icon icon={'share'} iconSize={16} />}
+            onClick={handleShareButtonClick}
+          />
+        </Tooltip>
+
         <Can I={SaleInvoiceAction.Writeoff} a={AbilitySubject.Invoice}>
           <NavbarDivider />
           <BadDebtMenuItem