2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
sdy
24d61315 1 parent 9b36192b

add props

Inline Side-by-side
Showing 2 changed files with 6 additions and 6 deletions
...@@ -43,16 +43,16 @@ const Time = styled.span` ...@@ -43,16 +43,16 @@ const Time = styled.span`
43 font-size: 15px; 43 font-size: 15px;
44 `; 44 `;
45 45
46 -export default () => { 46 +export default ({ time, message }) => {
47 return ( 47 return (
48 <IncomingBox> 48 <IncomingBox>
49 <ImgIconBox /> 49 <ImgIconBox />
50 <MsgContainer> 50 <MsgContainer>
51 <MsgBox> 51 <MsgBox>
52 - <Msg /> Incoming Message 52 + <Msg /> {message} Incoming Message
53 </MsgBox> 53 </MsgBox>
54 <TimeBox> 54 <TimeBox>
55 - <Time /> Monday 00:00 55 + <Time /> {time} Monday 00:00
56 </TimeBox> 56 </TimeBox>
57 </MsgContainer> 57 </MsgContainer>
58 </IncomingBox> 58 </IncomingBox>
......
...@@ -41,15 +41,15 @@ const Time = styled.span` ...@@ -41,15 +41,15 @@ const Time = styled.span`
41 font-size: 15px; 41 font-size: 15px;
42 `; 42 `;
43 43
44 -export default () => { 44 +export default ({ time, message }) => {
45 return ( 45 return (
46 <OutcomingBox> 46 <OutcomingBox>
47 <MsgContainer> 47 <MsgContainer>
48 <MsgBox> 48 <MsgBox>
49 - <Msg /> Outcoming Message 49 + <Msg /> {message} Outcoming Message
50 </MsgBox> 50 </MsgBox>
51 <TimeBox> 51 <TimeBox>
52 - <Time /> Monday 00:00 52 + <Time /> {time} Monday 00:00
53 </TimeBox> 53 </TimeBox>
54 </MsgContainer> 54 </MsgContainer>
55 </OutcomingBox> 55 </OutcomingBox>
......