1

src/components/Common/Energy/EnergeCostRealtime/index.jsx

@@ -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}`}>