degmods/degmods.com
6
1
Fork 0
Code Issues 32 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

Feed - posts #227

Merged
enes merged 23 commits from feat/131-feed-posts into staging 2025-02-14 19:54:29 +00:00
Conversation 0 Commits 23 Files Changed 31 +15 -2
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 74880acadd - Show all commits

17
src/components/comment/CommentContent.tsx
View File

@ -1,13 +1,26 @@
import { useTextLimit } from 'hooks/useTextLimit' import { NoteRender } from 'components/Notes/NoteRender'
import { useTextLimit } from 'hooks'
interface CommentContentProps { interface CommentContentProps {
content: string content: string
} }
export const CommentContent = ({ content }: CommentContentProps) => { export const CommentContent = ({ content }: CommentContentProps) => {
const { text, isTextOverflowing, isExpanded, toggle } = useTextLimit(content) const { text, isTextOverflowing, isExpanded, toggle } = useTextLimit(content)
return ( 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 && ( {isTextOverflowing && (
<div className='IBMSMSMBSSCL_CBExpand' onClick={toggle}> <div className='IBMSMSMBSSCL_CBExpand' onClick={toggle}>
<p>{isExpanded ? 'Hide' : 'View'} full post</p> <p>{isExpanded ? 'Hide' : 'View'} full post</p>