diff --git a/src/components/reactButton.js b/src/components/reactButton.js index c539751..72d237c 100644 --- a/src/components/reactButton.js +++ b/src/components/reactButton.js @@ -18,7 +18,7 @@ function ExistingReacts({ existingReacts, onClick, uid }) { } return (
{ diff --git a/src/defaultStyles.css b/src/defaultStyles.css index 2d08488..159de34 100644 --- a/src/defaultStyles.css +++ b/src/defaultStyles.css @@ -418,7 +418,8 @@ select:hover { align-items: center; } -.selectContainer > select { +.selectContainer > select, +.selectContainer > input { width: 20%; border-radius: 5px; border: 1.5px solid white; @@ -453,5 +454,4 @@ select:hover { display: flex; justify-content: center; margin-top: 8px; - } diff --git a/src/pages/ranklist.js b/src/pages/ranklist.js index 3981b9b..b78fca1 100644 --- a/src/pages/ranklist.js +++ b/src/pages/ranklist.js @@ -92,6 +92,7 @@ export default function RankList({ globalData }) { const [key, setKey] = useState('newQuestions') const [since, setSince] = useState('all') const [sum, setSum] = useState() + const [ownEntryOnTop, setOwnEntryOnTop] = useState(false) const getList = () => { setSum() @@ -120,7 +121,7 @@ export default function RankList({ globalData }) { const list = ranklist && sortDataBy(ranklist, key).reduce((acc, entry, i) => { - if (entry.userId === userId) { + if (entry.userId === userId && ownEntryOnTop) { return [{ rank: i, ...entry }, ...acc] } else { return [...acc, { rank: i, ...entry }] @@ -188,6 +189,16 @@ export default function RankList({ globalData }) { })}
+
+
Saját hely mutatása felül:
+ { + setOwnEntryOnTop(e.target.checked) + }} + /> +
{sum && list ? ( <>