Merge branch 'feature/BadDebt'

src/components/DialogsContainer.js

@@ -19,6 +19,7 @@ import EstimatePdfPreviewDialog from 'containers/Dialogs/EstimatePdfPreviewDialo
 import ReceiptPdfPreviewDialog from '../containers/Dialogs/ReceiptPdfPreviewDialog';
 import MoneyInDialog from '../containers/Dialogs/MoneyInDialog';
 import MoneyOutDialog from '../containers/Dialogs/MoneyOutDialog';
+import BadDebtDialog from '../containers/Dialogs/BadDebtDialog';
 
 /**
  * Dialogs container.
@@ -44,6 +45,7 @@ export default function DialogsContainer() {
       <ReceiptPdfPreviewDialog dialogName={'receipt-pdf-preview'} />
       <MoneyInDialog dialogName={'money-in'} />
       <MoneyOutDialog dialogName={'money-out'} />
+      <BadDebtDialog dialogName={'write-off-bad-debt'} />
     </div>
   );
 }

src/components/MoreVertMenutItems.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import {
+  Button,
+  PopoverInteractionKind,
+  MenuItem,
+  Position,
+} from '@blueprintjs/core';
+
+import { Select } from '@blueprintjs/select';
+import { Icon } from 'components';
+
+function MoreVertMenutItems({ text, items, onItemSelect, buttonProps }) {
+  // Menu items renderer.
+  const itemsRenderer = (item, { handleClick, modifiers, query }) => (
+    <MenuItem text={item.name} label={item.label} onClick={handleClick} />
+  );
+  const handleMenuSelect = (type) => {
+    onItemSelect && onItemSelect(type);
+  };
+
+  return (
+    <Select
+      items={items}
+      itemRenderer={itemsRenderer}
+      onItemSelect={handleMenuSelect}
+      popoverProps={{
+        minimal: true,
+        position: Position.BOTTOM_LEFT,
+        interactionKind: PopoverInteractionKind.CLICK,
+        modifiers: {
+          offset: { offset: '0, 4' },
+        },
+      }}
+      filterable={false}
+    >
+      <Button
+        text={text}
+        icon={<Icon icon={'more-vert'} iconSize={16} />}
+        minimal={true}
+        {...buttonProps}
+      />
+    </Select>
+  );
+}
+
+export default MoreVertMenutItems;

src/components/index.js

@@ -61,6 +61,7 @@ import Card from './Card';
 import AvaterCell from './AvaterCell';
 
 import { ItemsMultiSelect } from './Items';
+import MoreVertMenutItems from './MoreVertMenutItems';
 
 export * from './Menu';
 export * from './AdvancedFilter/AdvancedFilterDropdown';
@@ -85,6 +86,7 @@ export * from './BankAccounts';
 export * from './IntersectionObserver'
 export * from './Datatable/CellForceWidth';
 export * from './Button';
+export * from './IntersectionObserver';
 
 const Hint = FieldHint;
 
@@ -156,4 +158,5 @@ export {
   ItemsMultiSelect,
   Card,
   AvaterCell,
+  MoreVertMenutItems,
 };