albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Reaction sorting, minor style and usability fixes

Browse source
This commit is contained in:
mrfry 2021-05-11 10:01:00 +02:00
parent 2488aa2a11
commit 933b453498
14 changed files with 67 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/components/reactButton.js
View file

@ -25,26 +25,32 @@ function ExistingReacts({ existingReacts, onClick, uid }) {
<div className={styles.reactionContainer}>
<div className={styles.react_bttn}>Reakció</div>
{existingReacts &&
Object.keys(existingReacts).map((key) => {
const currReact = existingReacts[key]
const react = reactions[key]
if (!react) {
return null
}
return (
<div
title={`'${key}': ${currReact.join(', ')}`}
className={`${currReact.includes(uid) && styles.reacted}`}
key={key}
onClick={(e) => {
e.stopPropagation()
onClick(key, currReact.includes(uid))
}}
>
{react.emoji} {currReact.length}
</div>
)
})}
Object.keys(existingReacts)
.sort((akey, bkey) => {
const a = existingReacts[akey]
const b = existingReacts[bkey]
return a.length < b.length
})
.map((key) => {
const currReact = existingReacts[key]
const react = reactions[key]
if (!react) {
return null
}
return (
<div
title={`'${key}': ${currReact.join(', ')}`}
className={`${currReact.includes(uid) && styles.reacted}`}
key={key}
onClick={(e) => {
e.stopPropagation()
onClick(key, currReact.includes(uid))
}}
>
{react.emoji} {currReact.length}
</div>
)
})}
</div>
)
}