Lotsa style fixes, and mobile view fix

This commit is contained in:
mrfry 2021-05-07 12:31:58 +02:00
parent d00c0f6406
commit 14069a289c
20 changed files with 116 additions and 107 deletions

View file

@ -81,9 +81,12 @@ export default function Index({ globalData }) {
const motd = globalData.motd
const [news, setNews] = useState(null)
const [nextEntryKey, setNextEntryKey] = useState()
const [fetchingForum, setFetchingForum] = useState(false)
useEffect(() => {
setFetchingForum(true)
fetchForum().then((res) => {
setFetchingForum(false)
const { entries, nextKey } = res
setNextEntryKey(nextKey)
setNews(entries)
@ -267,15 +270,25 @@ export default function Index({ globalData }) {
<div
className={styles.loadMoreButton}
onClick={() => {
if (fetchingForum) {
return
}
setFetchingForum(true)
fetchForum(nextEntryKey).then((res) => {
console.log(res)
setFetchingForum(false)
const { entries, nextKey } = res
setNextEntryKey(nextKey)
setNews({ ...news, ...entries })
})
}}
>
Több bejegyzés betöltése
{fetchingForum ? (
<LoadingIndicator />
) : (
'Több bejegyzés betöltése'
)}
</div>
)}
</div>