Fake Chat Conversation React Component #hacktoberfest about storybook-addon-material-ui HOT 11 CLOSED

@usulpro I have started on this , will surely let you know if needed any help.

from storybook-addon-material-ui.

@sanketmaru I think in general you are on the right direction! I like it, but there are some issues:
Could you wrap text messages into some color fields?
May be we could display avatars near every message?
And show time as well (to represent more colors from the palette)
I think input field should have marginLeft: 16 or better to put in inside the CardText

from storybook-addon-material-ui.

maybe we could put it outside this field and another color?
something like in this image https://www.google.co.th/search?q=contact+list+android&newwindow=1&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjJ6rqZ2OTPAhWMo48KHUtjDHMQ_AUICCgB&biw=1918&bih=990&gws_rd=cr&ei=RecaWJPYCIHlvATtvJfgCA#newwindow=1&tbm=isch&q=text+message&imgrc=yt6zjAZKcssM0M%3A

from storybook-addon-material-ui.

@usulpro I can help on this.

from storybook-addon-material-ui.

Cool!

from storybook-addon-material-ui.

Hey @sanketmaru , how are you doing?
You self-assigned this issue more than a week ago. I was just wondering how things are going with it, and whether you need any help.

from storybook-addon-material-ui.

@usulpro I have created a component and it looks like the one in attached.

I have created one Message component which accepts props such as it is a sender or a receiver and the text of the message.

The messages can then be embedded into the Conversation Chat Component.

Do let me know what you think ?

from storybook-addon-material-ui.

@usulpro I have done the changes and created the PR(#48) , please verify it. Below is the screen shot of how it looks currently.

from storybook-addon-material-ui.

@sanketmaru is it possible to align text and time in message?

from storybook-addon-material-ui.

Do we want text and time in the same line ? Currently i have added timestamp as a subscript.

from storybook-addon-material-ui.

@usulpro I have fixed the alignment. Please verify.

from storybook-addon-material-ui.