open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tips: display total

Browse Source
This commit is contained in:
mantikoros 2022-10-01 16:10:17 -05:00
parent 670c6faea8
commit fac87f8e0c
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/tipper.tsx
View File

@ -1,4 +1,4 @@
import { debounce } from 'lodash'
import { debounce, sum } from 'lodash'
import { useEffect, useRef, useState } from 'react'
import { Comment } from 'common/comment'
@ -29,6 +29,8 @@ export function Tipper(prop: { comment: Comment; tips: CommentTips }) {
}
}, [tips, myId])
const total = sum(Object.values(tips)) - savedTip + localTip
// declare debounced function only on first render
const [saveTip] = useState(() =>
debounce(async (user: User, comment: Comment, change: number) => {
@ -82,7 +84,7 @@ export function Tipper(prop: { comment: Comment; tips: CommentTips }) {
<Row className="items-center gap-0.5">
<TipButton
tipAmount={LIKE_TIP_AMOUNT}
totalTipped={localTip}
totalTipped={total}
onClick={() => addTip(+LIKE_TIP_AMOUNT)}
userTipped={localTip > 0}
disabled={!canUp}