meeting more buttonu dropdowna çevirildi

Author: emregudur

src/MeetingMessage/MeetingMessage.js

@@ -13,6 +13,7 @@ import {
 } from'timeago.js';
 
 import Avatar from '../Avatar/Avatar';
+import Dropdown from '../Dropdown/Dropdown';
 
 import classNames from 'classnames';
 
@@ -38,7 +39,8 @@ export class MeetingMessage extends Component {
             title,
             subject,
             onClick,
-            onMeetingMoreClick,
+            onMeetingMoreSelect,
+            moreItems,
             collapseTitle,
             dataSource,
             participants,
@@ -71,10 +73,19 @@ export class MeetingMessage extends Component {
                                 </span>
                             </div>
                         </div>
-                        <div
-                            className="rce-mtmg-right-icon"
-                            onClick={onMeetingMoreClick}>
-                            <MdMoreHoriz/>
+                        <div>
+                            <Dropdown
+                                animationType="bottom"
+                                animationPosition="norteast"
+                                buttonProps={{
+                                    className:'rce-mtmg-right-icon',
+                                    icon: {
+                                        component: <MdMoreHoriz/>,
+                                        size: 24,
+                                    },
+                                }}
+                                items={moreItems}
+                                onSelect={onMeetingMoreSelect}/>
                         </div>
                     </div>
                     <div
@@ -228,7 +239,7 @@ MeetingMessage.defaultProps = {
     dataSource: [],
     participants: [],
     onClick: () => void(0),
-    onMeetingMoreClick: () => void(0),
+    onMeetingMoreSelect: () => void(0),
     onMeetingTitleClick: () => void(0),
     onMeetingVideoLinkClick: () => void(0),
     onAvatarError: () => void(0),

src/MessageBox/MessageBox.js

@@ -198,7 +198,8 @@ export class MessageBox extends Component {
                                         participants={this.props.meeting.participants}
                                         dataSource={this.props.meeting.dataSource}
                                         onClick={this.props.onMeetingMessageClick}
-                                        onMeetingMoreClick={this.props.onMeetingMoreClick}
+                                        onMeetingMoreSelect={this.props.onMeetingMoreSelect}
+                                        moreItems={this.props.moreItems}
                                         onMeetingVideoLinkClick={this.props.onMeetingVideoLinkClick}
                                         onMeetingTitleClick={this.props.onMeetingTitleClick} />
                                 }

src/MessageList/MessageList.js

@@ -145,9 +145,9 @@ export class MessageList extends Component {
         }
     }
 
-    onMeetingMoreClick(item, i, e) {
-        if (this.props.onMeetingMoreClick instanceof Function)
-            this.props.onMeetingMoreClick(item, i, e);
+    onMeetingMoreSelect(item, i, e) {
+        if (this.props.onMeetingMoreSelect instanceof Function)
+            this.props.onMeetingMoreSelect(item, i, e);
     }
 
     render() {
@@ -172,7 +172,8 @@ export class MessageList extends Component {
                                 onReplyMessageClick={this.props.onReplyMessageClick && ((e) => this.onReplyMessageClick(x, i, e))}
                                 onClick={this.props.onClick && ((e) => this.onClick(x, i, e))}
                                 onContextMenu={this.props.onContextMenu && ((e) => this.onContextMenu(x, i, e))}
-                                onMeetingMoreClick={this.props.onMeetingMoreClick && ((e) => this.onMeetingMoreClick(x, i, e))}
+                                onMeetingMoreSelect={this.props.onMeetingMoreSelect && ((e) => this.onMeetingMoreSelect(x, i, e))}
+                                moreItems={this.props.moreItems}
                                 onMessageFocused={this.props.onMessageFocused && ((e) => this.onMessageFocused(x, i, e))}
                                 onMeetingMessageClick={this.props.onMeetingMessageClick && ((e) => this.onMeetingMessageClick(x, i, e))}
                                 onMeetingTitleClick={this.props.onMeetingTitleClick}