update

src/components/Modules/KilnInner/Center/videoComponents/EnterToFloor1.jsx

@@ -2,7 +2,7 @@ import { motion, AnimatePresence } from "framer-motion";
 import { useRef, useEffect, useMemo, useCallback, useState } from "react";
 import cls from "../index.module.css";
 // import SocketContext from '../../../../../store/socket-data-provider';
-import { useContext } from "react";
+import TemperatureTop from "../../../../Common/TemperatureTop";
 
 function EnterToFloorOne(props) {
   // const ctx = useContext(SocketContext);
@@ -83,6 +83,14 @@ function EnterToFloorOne(props) {
               transition: { duration: 0.3, delay: 2 },
             }}
           ></motion.div> */}
+          {/* <TemperatureTop
+            style={{
+              top: "208px",
+              left: "638px",
+              width: "2380px",
+              zIndex: 0,
+            }}
+          /> */}
         </motion.div>
       )}
     </AnimatePresence>

src/components/Modules/KilnInner/Center/videoComponents/Floor1To2.jsx

@@ -2,11 +2,11 @@ import { motion, AnimatePresence } from "framer-motion";
 import { useRef, useEffect, useMemo, useState } from "react";
 import cls from "../index.module.css";
 // import SocketContext from '../../../../../store/socket-data-provider';
-import { useContext } from "react";
+// import { useContext } from "react";
+import TemperatureTop from "../../../../../components/Common/TemperatureTop";
+
 
 function FloorOneToTwo(props) {
-  // const ctx = useContext(SocketContext);
-
   const ctx = null;
 
   const fireDir = ctx?.runState?.fireDirection || null;
@@ -74,7 +74,7 @@ function FloorOneToTwo(props) {
             ></video>
           )}
 
-          <motion.div
+          {/* <motion.div
             className={cls.videoLayer2}
             key="1to2div"
             style={{
@@ -87,7 +87,15 @@ function FloorOneToTwo(props) {
               opacity: [0, 0, 0, 0.6, 1],
               transition: { duration: 0.3, delay: 2 },
             }}
-          ></motion.div>
+          ></motion.div> */}
+          <TemperatureTop
+            style={{
+              top: "208px",
+              left: "638px",
+              width: "2380px",
+              zIndex: 0,
+            }}
+          />
         </motion.div>
       )}
     </AnimatePresence>

src/components/Modules/KilnInner/Center/videoComponents/Floor2To1.jsx

@@ -87,16 +87,15 @@ function FloorTwoToOne(props) {
               transition: { duration: 0.3, delay: 2 },
             }}
           ></motion.div> */}
-          <TemperatureTop
-            style={{
-              top: "208px",
-              left: "638px",
-              width: "2380px",
-              zIndex: 0
-            }}
-          />
         </motion.div>
       )}
+      {/* style={{
+          top: "208px",
+          left: "638px",
+          width: "2380px",
+          zIndex: 0,
+        }} */}
+      {/* <TemperatureTop /> */}
     </AnimatePresence>
   );
 }