"Code over a tile"// React - from sass files to Styled-Components. [PART II]

Too Long; Didn't Read

In Part I we saw how to move from sass to a Styled component for a simple component. Now we are going to increase the complexity of our controls in the chat app. We're going to create four styled.div components with the styles of the messages. The data is sent to the control when the message is sent and rendered. We need to change the div that with some conditional style to make a difference on the message owner. We then send the attribute data as a boolean and set the correct style for each property.