render "reply" or "replies", "comment" or "comments" depending on the count (singular or plural) (#382)

Co-authored-by: Keyan <34140557+huumn@users.noreply.github.com>
This commit is contained in:
SatsAllDay 2023-08-08 17:07:00 -04:00 committed by GitHub
parent 6e05cd38f9
commit 9941bc6519
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions

View File

@ -148,6 +148,7 @@ export default function Comment ({
item={item} item={item}
pendingSats={pendingSats} pendingSats={pendingSats}
commentsText='replies' commentsText='replies'
commentTextSingular='reply'
className={`${itemStyles.other} ${styles.other}`} className={`${itemStyles.other} ${styles.other}`}
embellishUser={op && <Badge bg='boost' className={`ms-1 ${styles.op} bg-opacity-75`}>OP</Badge>} embellishUser={op && <Badge bg='boost' className={`ms-1 ${styles.op} bg-opacity-75`}>OP</Badge>}
extraInfo={ extraInfo={

View File

@ -17,7 +17,7 @@ import BookmarkDropdownItem from './bookmark'
import SubscribeDropdownItem from './subscribe' import SubscribeDropdownItem from './subscribe'
import { CopyLinkDropdownItem } from './share' import { CopyLinkDropdownItem } from './share'
export default function ItemInfo ({ item, pendingSats, full, commentsText, className, embellishUser, extraInfo, onEdit, editText }) { export default function ItemInfo ({ item, pendingSats, full, commentsText, commentTextSingular, className, embellishUser, extraInfo, onEdit, editText }) {
const editThreshold = new Date(item.createdAt).getTime() + 10 * 60000 const editThreshold = new Date(item.createdAt).getTime() + 10 * 60000
const me = useMe() const me = useMe()
const router = useRouter() const router = useRouter()
@ -58,7 +58,7 @@ export default function ItemInfo ({ item, pendingSats, full, commentsText, class
} }
}} title={numWithUnits(item.commentSats)} className='text-reset position-relative' }} title={numWithUnits(item.commentSats)} className='text-reset position-relative'
> >
{item.ncomments} {commentsText || 'comments'} {item.ncomments} {item.ncomments === 1 ? commentTextSingular || 'comment' : commentsText || 'comments'}
{hasNewComments && {hasNewComments &&
<span className={styles.notification}> <span className={styles.notification}>
<span className='invisible'>{' '}</span> <span className='invisible'>{' '}</span>