Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
79fabf9
Support building and running in newer environments
rickwargo Jul 18, 2024
0866892
Add support for message and reply placeholders
rickwargo Jul 18, 2024
3c54b59
Add support for timestamping messages
rickwargo Jul 18, 2024
f25a90d
Don't add Idea files to git
rickwargo Jul 18, 2024
4a1c964
Latest version of react-time-ago to get rid of console warning
rickwargo Jul 19, 2024
7f8427b
Include timestamp as part of submit
rickwargo Jul 19, 2024
abde320
Fix typo
rickwargo Jul 19, 2024
3a49f05
Offer option to delete and not show the delete modal
rickwargo Jul 22, 2024
ffa6409
Change simple input field to a text area that accepts @mention syntax
rickwargo Nov 4, 2024
7655778
Change simple input field to a text area that accepts @mention syntax
rickwargo Nov 4, 2024
85f9910
Remove old file
rickwargo Nov 4, 2024
4e0968f
Update packages
rickwargo Nov 4, 2024
c233d9a
Fix hashtag display
rickwargo Nov 4, 2024
0680860
Supply mentions and tags and have a nice display
rickwargo Nov 4, 2024
312addf
Update version
rickwargo Nov 4, 2024
78a835c
Changed version
rickwargo Nov 4, 2024
b78d15c
dangerously display html when formatted for MarkUp link
rickwargo Nov 5, 2024
8aaa673
Rename component directory
rickwargo Nov 6, 2024
9a6267c
resolve bad redaming of component folder
rickwargo Nov 6, 2024
da49c0c
Changed top-level mentions class name to "mentions"
rickwargo Nov 6, 2024
17f6e1e
Revert "Changed top-level mentions class name to "mentions""
rickwargo Nov 6, 2024
35b4c1c
Remove Noto Sans font
rickwargo Nov 6, 2024
bdb859c
Update version
rickwargo Nov 6, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -20,3 +20,5 @@ dist
npm-debug.log*
yarn-debug.log*
yarn-error.log*

.idea/
29 changes: 29 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,18 @@ npm i react-comments-section
## Detailed Documentation : https://riyanegi.github.io/react-comments-documentation/

`react-comments-section` is a simple but multi-functional react comment section component that helps you create comments section similar to youtube or instagram for your React App.
<<<<<<< HEAD
`react-comments-section` is very useful for react beginners who want a comment section in their project but want to skip it's commplexity. This library will give a fully functional comment section with the following features:
- User can reply to comments
- User can edit his/her comments
- User can delete his/her comments
=======
`react-comments-section` is very useful for react beginners who want a comment section in their project but want to skip it's complexity. This library will give a fully functional comment section with the following features:

- User can reply to comments
- User can edit his/her comments
- User can delete his/her comments
>>>>>>> 7809d1cbacb31bb40a1ae4d13c8fb67ab0653ceb

live demo of the library -> https://riyanegi.github.io/react-comments-section/

Expand Down Expand Up @@ -81,6 +88,7 @@ const DefaultComponent = () => {
userProfile?: string
fullName: string
text: string
timestamp: string
replies: any
commentId: string
}) => console.log('check submit, ', data)}
Expand Down Expand Up @@ -134,6 +142,26 @@ class ClassComponent extends PureComponent {
customNoComment = () => <div className='no-com'>No comments wohoooo!</div>

render() {
<<<<<<< HEAD
return
<CommentSection
currentUser={{
currentUserId: '01a',
currentUserImg:
'https://ui-avatars.com/api/name=Riya&background=random',
currentUserProfile:
'https://www.linkedin.com/in/riya-negi-8879631a9/',
currentUserFullName: 'Riya Negi'
}}
commentData={this.state.data}
onSubmitAction={(data:any) => this.onSubmitAction(data)}
customNoComment={() => this.customNoComment()}
logIn={{
loginLink: 'http://localhost:3001/',
signupLink: 'http://localhost:3001/'
}}
/>
=======
return (
<CommentSection
currentUser={{
Expand All @@ -152,6 +180,7 @@ class ClassComponent extends PureComponent {
}}
placeholder="Write your comment..."
/>)
>>>>>>> 7809d1cbacb31bb40a1ae4d13c8fb67ab0653ceb
}
}

Expand Down
Loading