feat: notify by SMS.

src/components/MoreMenutItems.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import {
+  Button,
+  Popover,
+  PopoverInteractionKind,
+  Position,
+  MenuItem,
+  Menu,
+} from '@blueprintjs/core';
+
+import { Icon, FormattedMessage as T } from 'components';
+
+function MoreMenuItems({ payload: { onNotifyViaSMS } }) {
+  return (
+    <Popover
+      minimal={true}
+      content={
+        <Menu>
+          <MenuItem
+            onClick={onNotifyViaSMS}
+            text={<T id={'notify_via_sms.dialog.notify_via_sms'} />}
+          />
+        </Menu>
+      }
+      interactionKind={PopoverInteractionKind.CLICK}
+      position={Position.BOTTOM_LEFT}
+      modifiers={{
+        offset: { offset: '0, 4' },
+      }}
+    >
+      <Button icon={<Icon icon="more-vert" iconSize={16} />} minimal={true} />
+    </Popover>
+  );
+}
+
+export default MoreMenuItems;

src/components/MoreVertMenutItems.js

@@ -1,46 +0,0 @@
-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,7 +61,7 @@ import Card from './Card';
 import AvaterCell from './AvaterCell';
 
 import { ItemsMultiSelect } from './Items';
-import MoreVertMenutItems from './MoreVertMenutItems';
+import MoreMenuItems from './MoreMenutItems';
 
 export * from './Menu';
 export * from './AdvancedFilter/AdvancedFilterDropdown';
@@ -83,7 +83,7 @@ export * from './MultiSelectTaggable';
 export * from './Utils/FormatNumber';
 export * from './Utils/FormatDate';
 export * from './BankAccounts';
-export * from './IntersectionObserver'
+export * from './IntersectionObserver';
 export * from './Datatable/CellForceWidth';
 export * from './Button';
 export * from './IntersectionObserver';
@@ -158,5 +158,5 @@ export {
   ItemsMultiSelect,
   Card,
   AvaterCell,
-  MoreVertMenutItems,
+  MoreMenuItems
 };