23 lines
601 B
React
23 lines
601 B
React
|
import { useState, useEffect } from "react";
|
||
|
|
import { useNavigate } from "react-router-dom";
|
||
|
|
|
||
|
|
const Loadingredirect = () => {
|
||
|
|
const [count, setCount] = useState(3);
|
||
|
|
const navigate = useNavigate();
|
||
|
|
useEffect(() => {
|
||
|
|
const interval = setInterval(() => {
|
||
|
|
setCount((currentCount) => --currentCount);
|
||
|
|
}, 1000);
|
||
|
|
|
||
|
|
count === 0 && navigate("/login");
|
||
|
|
return () => clearInterval(interval);
|
||
|
|
}, [count, navigate]);
|
||
|
|
return (
|
||
|
|
<div style={{ marginTop: "100px" }}>
|
||
|
|
<h5>Redirecting you in {count} seconds</h5>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Loadingredirect
|