@@ -39,48 +39,48 @@ export default class CommentEditToggle extends React.Component {
3939 const editOptions = { label :this . props . forTopic ? 'Edit post' : 'Edit comment' , val :'1' }
4040 const deleteOptions = { label :this . props . forTopic ? 'Delete post' : 'Delete comment' , val :'2' }
4141 return (
42- < div className = "dropdownContainer" >
43- < Dropdown pointerShadow className = "drop-down edit-toggle-container" >
44- < div className = { cn ( 'dropdown-menu-header' , 'edit-toggle' ) } >
45- < EditComment className = "icon-edit-comment" />
46- </ div >
47- < div className = "dropdown-menu-list down-layer" >
48- < ul >
49- < DropdownItem key = { 1 } item = { editOptions }
50- onItemClick = { this . onEdit }
51- currentSelection = ""
52- />
53- { ! this . props . hideDelete &&
42+ < div className = "dropdownContainer" >
43+ < Dropdown pointerShadow className = "drop-down edit-toggle-container" >
44+ < div className = { cn ( 'dropdown-menu-header' , 'edit-toggle' ) } >
45+ < EditComment className = "icon-edit-comment" />
46+ </ div >
47+ < div className = "dropdown-menu-list down-layer" >
48+ < ul >
49+ < DropdownItem key = { 1 } item = { editOptions }
50+ onItemClick = { this . onEdit }
51+ currentSelection = ""
52+ />
53+ { ! this . props . hideDelete &&
5454 < DropdownItem key = { 2 } item = { deleteOptions }
5555 onItemClick = { this . showDelete }
5656 currentSelection = ""
5757 /> }
58- </ ul >
59- </ div >
60- </ Dropdown >
61- < Modal
62- isOpen = { showDeleteConfirm }
63- className = "delete-post-dialog"
64- overlayClassName = "delete-post-dialog-overlay"
65- onRequestClose = { this . cancelDelete }
66- contentLabel = ""
67- >
58+ </ ul >
59+ </ div >
60+ </ Dropdown >
61+ < Modal
62+ isOpen = { showDeleteConfirm }
63+ className = "delete-post-dialog"
64+ overlayClassName = "delete-post-dialog-overlay"
65+ onRequestClose = { this . cancelDelete }
66+ contentLabel = ""
67+ >
6868
69- < div className = "modal-title" >
69+ < div className = "modal-title" >
7070 Are you sure you want to delete this post?
71- </ div >
71+ </ div >
7272
73- < div className = "modal-body" >
73+ < div className = "modal-body" >
7474 This action cannot be undone.
75- </ div >
75+ </ div >
7676
77- < div className = "button-area flex center action-area" >
78- < button className = "tc-btn tc-btn-default tc-btn-sm action-btn btn-cancel" onClick = { this . cancelDelete } > Cancel</ button >
79- < button className = "tc-btn tc-btn-warning tc-btn-sm action-btn " onClick = { this . onDelete } > Delete Post</ button >
80- </ div >
81- </ Modal >
77+ < div className = "button-area flex center action-area" >
78+ < button className = "tc-btn tc-btn-default tc-btn-sm action-btn btn-cancel" onClick = { this . cancelDelete } > Cancel</ button >
79+ < button className = "tc-btn tc-btn-warning tc-btn-sm action-btn " onClick = { this . onDelete } > Delete Post</ button >
80+ </ div >
81+ </ Modal >
8282
83- </ div >
83+ </ div >
8484
8585
8686 )
0 commit comments