mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 04:46:40 +07:00
fixed hero timer
This commit is contained in:
parent
f4f808d7e5
commit
1dd0f68eb7
1 changed files with 4 additions and 3 deletions
|
@ -16,7 +16,6 @@ const FlowHeroUnconnected: FC<IProps> = ({ heroes, history }) => {
|
||||||
const [limit, setLimit] = useState(Math.min(heroes.length, 6));
|
const [limit, setLimit] = useState(Math.min(heroes.length, 6));
|
||||||
const [current, setCurrent] = useState(0);
|
const [current, setCurrent] = useState(0);
|
||||||
const [loaded, setLoaded] = useState([]);
|
const [loaded, setLoaded] = useState([]);
|
||||||
const [is_mobile, setIsMobile] = useState(false);
|
|
||||||
|
|
||||||
const timer = useRef(null);
|
const timer = useRef(null);
|
||||||
const onLoad = useCallback(id => () => setLoaded([...loaded, id]), [setLoaded, loaded]);
|
const onLoad = useCallback(id => () => setLoaded([...loaded, id]), [setLoaded, loaded]);
|
||||||
|
@ -48,8 +47,10 @@ const FlowHeroUnconnected: FC<IProps> = ({ heroes, history }) => {
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
timer.current = setTimeout(onNext, 5000);
|
timer.current = setTimeout(onNext, 5000);
|
||||||
|
|
||||||
return () => clearTimeout(timer.current);
|
return () => {
|
||||||
}, [current]);
|
clearTimeout(timer.current);
|
||||||
|
};
|
||||||
|
}, [current, onNext]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (current === 0 && loaded.length > 0) setCurrent(loaded[0]);
|
if (current === 0 && loaded.length > 0) setCurrent(loaded[0]);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue