handling empty ranklist

This commit is contained in:
mrfry 2023-04-12 15:10:55 +02:00
parent 8267534a3f
commit 338db8e141

View file

@ -90,6 +90,7 @@ export default function RankList({ globalData, globalState, setGlobalState }) {
const [since, setSince] = useState('all') const [since, setSince] = useState('all')
const [sum, setSum] = useState() const [sum, setSum] = useState()
const [ownEntryOnTop, setOwnEntryOnTop] = useState(false) const [ownEntryOnTop, setOwnEntryOnTop] = useState(false)
const [isEmpty, setIsEmpty] = useState(false)
const getList = () => { const getList = () => {
setSum() setSum()
@ -105,6 +106,10 @@ export default function RankList({ globalData, globalState, setGlobalState }) {
getListFromServer(since) getListFromServer(since)
.then((data) => { .then((data) => {
const { list, sum, selfuserId } = data const { list, sum, selfuserId } = data
if (!list && !sum && !selfuserId) {
setIsEmpty(true)
return
}
setRanklist(list || []) setRanklist(list || [])
setSum(sum) setSum(sum)
if (selfuserId) { if (selfuserId) {
@ -249,6 +254,10 @@ export default function RankList({ globalData, globalState, setGlobalState }) {
})} })}
</div> </div>
</> </>
) : isEmpty ? (
<div style={{ textAlign: 'center', padding: 20 }}>
A ranklista üres
</div>
) : ( ) : (
<LoadingIndicator /> <LoadingIndicator />
)} )}