|
|
@@ -7,13 +7,23 @@ const EnergyCostRealtime = () => { |
|
|
|
const [isPage1, setIsPage1] = useState(false); |
|
|
|
const energyInfo = useSelector((state) => state.energy?.info); |
|
|
|
|
|
|
|
function handleClick() { |
|
|
|
setIsPage1((pre) => !pre); |
|
|
|
} |
|
|
|
// function handleClick() { |
|
|
|
// setIsPage1((pre) => !pre); |
|
|
|
// } |
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
const timer = setInterval(() => { |
|
|
|
setIsPage1(pre => !pre); |
|
|
|
}, 10000); |
|
|
|
|
|
|
|
return () => { |
|
|
|
clearInterval(timer); |
|
|
|
} |
|
|
|
}, []); |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<Arrow key="left" direction="left" onClick={handleClick} /> |
|
|
|
<Arrow key="right" direction="right" onClick={handleClick} /> |
|
|
|
{/* <Arrow key="left" direction="left" onClick={handleClick} /> |
|
|
|
<Arrow key="right" direction="right" onClick={handleClick} /> */} |
|
|
|
{isPage1 && ( |
|
|
|
<div className={`${cls.cost__info} flex`}> |
|
|
|
<div className={`${cls.info__item_groups_col1}`}> |
|
|
|