File tree 3 files changed +22
-15
lines changed
3 files changed +22
-15
lines changed Original file line number Diff line number Diff line change @@ -28,7 +28,7 @@ class MessageItem extends Component {
28
28
} ;
29
29
30
30
render ( ) {
31
- const { message, onRemoveMessage } = this . props ;
31
+ const { authUser , message, onRemoveMessage } = this . props ;
32
32
const { editMode, editText } = this . state ;
33
33
34
34
return (
@@ -46,22 +46,26 @@ class MessageItem extends Component {
46
46
</ span >
47
47
) }
48
48
49
- { editMode ? (
49
+ { authUser . uid === message . userId && (
50
50
< span >
51
- < button onClick = { this . onSaveEditText } > Save</ button >
52
- < button onClick = { this . onToggleEditMode } > Reset</ button >
53
- </ span >
54
- ) : (
55
- < button onClick = { this . onToggleEditMode } > Edit</ button >
56
- ) }
51
+ { editMode ? (
52
+ < span >
53
+ < button onClick = { this . onSaveEditText } > Save</ button >
54
+ < button onClick = { this . onToggleEditMode } > Reset</ button >
55
+ </ span >
56
+ ) : (
57
+ < button onClick = { this . onToggleEditMode } > Edit</ button >
58
+ ) }
57
59
58
- { ! editMode && (
59
- < button
60
- type = "button"
61
- onClick = { ( ) => onRemoveMessage ( message . uid ) }
62
- >
63
- Delete
64
- </ button >
60
+ { ! editMode && (
61
+ < button
62
+ type = "button"
63
+ onClick = { ( ) => onRemoveMessage ( message . uid ) }
64
+ >
65
+ Delete
66
+ </ button >
67
+ ) }
68
+ </ span >
65
69
) }
66
70
</ li >
67
71
) ;
Original file line number Diff line number Diff line change @@ -3,13 +3,15 @@ import React from 'react';
3
3
import MessageItem from './MessageItem' ;
4
4
5
5
const MessageList = ( {
6
+ authUser,
6
7
messages,
7
8
onEditMessage,
8
9
onRemoveMessage,
9
10
} ) => (
10
11
< ul >
11
12
{ messages . map ( message => (
12
13
< MessageItem
14
+ authUser = { authUser }
13
15
key = { message . uid }
14
16
message = { message }
15
17
onEditMessage = { onEditMessage }
Original file line number Diff line number Diff line change @@ -104,6 +104,7 @@ class Messages extends Component {
104
104
105
105
{ messages && (
106
106
< MessageList
107
+ authUser = { authUser }
107
108
messages = { messages }
108
109
onEditMessage = { this . onEditMessage }
109
110
onRemoveMessage = { this . onRemoveMessage }
You can’t perform that action at this time.
0 commit comments