Add Feeds Component

[sharaththegeek]

Implement the Feeds Component similar to https://www.lightningdesignsystem.com/components/feeds/

I am working on it and will post the props proposal soon!

[sharaththegeek]

Here is my initial props proposal for the Feeds Component. Please let me know your thoughts.

The Feeds Component is divided into multiple sub-components.

Feed:

Name	Type	Description
ClassName	Array/Object/String	Additional Class Names for Formatting

Post:

Name	Type	Description
user	Element	Author of the Post
postType	Enum {“Text”, “Question”, “Image”, “Link”, “File”}	Specifies the type of the content posted
content	String	Text Content of the post
contentImage	Image	The image file uploaded to the post
contentURL	URL	The link uploaded as part of the post
contentFile	File	File attached as part of the post
contentQuestion	String	Question added as Content Header
date	Date	Date of the Post
isLiked	Boolean	Checks if the post is liked (default: false)
likes	String	Number of likes for the post
shared	String	Number of times the post was shared
views	String	Number of times the post was viewed

Comment:

Name	Type	Description
user	Element	Author of the comment
commentType	Enum {“Text”, “Image”, “Link”, “File”}	Specifies the type of comment posted
content	String	Text content of the comment
contentImage	Image	Image file uploaded to the comment
contentURL	URL	Link uploaded as part of the comment
contentFile	File	File attached as part of the comment
date	Date	Date on which comment was posted
isLiked	Boolean	Checks if the post is liked (default: false)
likes	String	Number of times the comment was liked

User:

Name	Type	Description
userName	String	Name of the user
avatar	Image	Avatar Image of the user

ReplyInput:

Name	Type	Description
isActive	Boolean	Checks if the reply input box is active
content	String	Content in the reply input box
attachmentType	Enum {“Image”, “File”, “URL”}	Specifies type of attachment
contentURL	URL	Specifies the link attached to the reply
contentFile	File	File uploaded to the reply
contentImage	Image	Image uploaded to the reply
onPost	Function	Action triggered when the reply is posted

Usage:

<Feed>
<Post 
     user={<User userName=“Alex” avatar=“Alex.jpg”/>} 
     postType=“text”
     content=“Hey guys, shall we discuss the agenda at 3 pm ?”
     date=“04.04.2019”
/>
<Comment
     user={<User userName=“Morgan” avatar=“Morgan.jpg”/>}
     commentType=“text”
     content=“Sure!”
     date=“04.04.2019”
/>
<Comment
     user={<User userName=“Cynthia” avatar=“Cynthia.png”/>}
     commentType=“text”
     content=“Sorry guys, I am sick! Leaving home before lunch”
     date=“04.04.2019”
/>
<ReplyInput/>
</Feed>

[stale]

This issue has been automatically marked as stale, because it has not had recent activity. It will be closed if no further activity occurs. Maintainers are responsible for tech debt and project health. This is most likely a new components or component feature request. Please submit a pull request for or request feedback on this feature. Thank you.