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 and frontpage button fixes

Browse source
This commit is contained in:
mrfry 2021-05-21 09:28:21 +02:00
parent 6dfb8ebfd3
commit 4cc5dbbcf6
7 changed files with 32 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

52
src/components/reactButton.js
View file

@ -22,8 +22,7 @@ function useOutsideAlerter(ref, action) {
function ExistingReacts({ existingReacts, onClick, uid }) {
return (
<div className={styles.reactionContainer}>
<div className={styles.react_bttn}>Reakció</div>
<>
{existingReacts &&
Object.keys(existingReacts).map((key) => {
const currReact = existingReacts[key]
@ -32,9 +31,9 @@ function ExistingReacts({ existingReacts, onClick, uid }) {
return null
}
return (
<div
<span
title={`'${key}': ${currReact.join(', ')}`}
className={`${currReact.includes(uid) && styles.reacted}`}
className={`${currReact.includes(uid) ? styles.reacted : ''}`}
key={key}
onClick={(e) => {
e.stopPropagation()
@ -42,10 +41,10 @@ function ExistingReacts({ existingReacts, onClick, uid }) {
}}
>
{react.emoji} {currReact.length}
</div>
</span>
)
})}
</div>
</>
)
}
@ -90,27 +89,20 @@ export default function ReactButton({ onClick, existingReacts, uid }) {
})
return (
<div
className={styles.reactContainer}
onClick={() => {
setOpened(true)
}}
onMouseLeave={() => {
// setOpened(false)
}}
>
<>
<Tooltip
text={() => {
return (
<span
onClick={() => {
setOpened(true)
}}
>
Reakció
</span>
)
}}
opened={opened}
text={() => (
<ExistingReacts
uid={uid}
onClick={(key, isDelete) => {
onClick(key, isDelete)
setOpened(false)
}}
existingReacts={existingReacts}
/>
)}
>
<div ref={wrapperRef} className={styles.reactionContainer}>
<RenderEmojis
@ -121,6 +113,14 @@ export default function ReactButton({ onClick, existingReacts, uid }) {
/>
</div>
</Tooltip>
</div>
<ExistingReacts
uid={uid}
onClick={(key, isDelete) => {
onClick(key, isDelete)
setOpened(false)
}}
existingReacts={existingReacts}
/>
</>
)
}