feat(comment): show sticky hide full button on top

This commit is contained in:
en 2025-02-14 13:11:53 +01:00
parent 27cd22f47b
commit 74880acadd

View File

@ -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>