Fix: crash when change order home

Author: sawyerf

app/components/lists/HorizontalLBStat.js

@@ -1,16 +1,17 @@
-import React from 'react';
-import { Text, View, StyleSheet } from 'react-native';
+import React from 'react'
+import { Text, View, StyleSheet } from 'react-native'
 
-import { ThemeContext } from '~/contexts/theme';
-import size from '~/styles/size';
+import { ThemeContext } from '~/contexts/theme'
+import size from '~/styles/size'
 
 const HorizontalLBStat = ({ stats }) => {
 	const theme = React.useContext(ThemeContext)
 	const [maxCount, setMaxCount] = React.useState(0)
 
 	React.useEffect(() => {
 		if (typeof stats === 'string') return
-		let maxCount = 1;
+		if (!stats || !stats.length) return
+		let maxCount = 1
 		stats?.forEach((stat) => {
 			if (stat.listen_count > maxCount) maxCount = stat.listen_count
 		})
@@ -25,6 +26,8 @@ const HorizontalLBStat = ({ stats }) => {
 			marginVertical: 50
 		}}>{stats}</Text>
 	)
+	
+	if (!stats || !stats.length) return (null)
 	return (
 		<View style={styles.scrollContainer(stats?.length)}>
 			{
@@ -72,4 +75,4 @@ const styles = StyleSheet.create({
 	}),
 })
 
-export default HorizontalLBStat;
+export default HorizontalLBStat

app/components/lists/HorizontalList.js

@@ -36,7 +36,18 @@ const HorizontalList = ({ refresh, id, enable }) => {
 		if (config.query) {
 			getList()
 		}
-	}, [config, refresh, enable])
+		return () => {
+			setList(null)
+		}
+	}, [config, enable, id])
+
+	React.useEffect(() => {
+		if (!enable) return
+		if (!refresh) return
+		if (config.query) {
+			getList()
+		}
+	}, [refresh])
 
 	React.useEffect(() => {
 		if (!enable) return