feat(comment): show sticky hide full button on top
This commit is contained in:
parent
27cd22f47b
commit
74880acadd
@ -1,13 +1,26 @@
|
||||
import { useTextLimit } from 'hooks/useTextLimit'
|
||||
import { NoteRender } from 'components/Notes/NoteRender'
|
||||
import { useTextLimit } from 'hooks'
|
||||
|
||||
interface CommentContentProps {
|
||||
content: string
|
||||
}
|
||||
|
||||
export const CommentContent = ({ content }: CommentContentProps) => {
|
||||
const { text, isTextOverflowing, isExpanded, toggle } = useTextLimit(content)
|
||||
|
||||
return (
|
||||
<>
|
||||
<p className='IBMSMSMBSSCL_CBText'>{text}</p>
|
||||
{isExpanded && (
|
||||
<div
|
||||
className='IBMSMSMBSSCL_CBExpand IBMSMSMBSSCL_CBExpandAlt'
|
||||
onClick={toggle}
|
||||
>
|
||||
<p>Hide full post</p>
|
||||
</div>
|
||||
)}
|
||||
<p className='IBMSMSMBSSCL_CBText'>
|
||||
<NoteRender content={text} />
|
||||
</p>
|
||||
{isTextOverflowing && (
|
||||
<div className='IBMSMSMBSSCL_CBExpand' onClick={toggle}>
|
||||
<p>{isExpanded ? 'Hide' : 'View'} full post</p>
|
||||
|
Loading…
x
Reference in New Issue
Block a user