This commit is contained in:
lb
2023-12-15 11:16:54 +08:00
parent bb541962dd
commit 0b91868b4f
5 changed files with 54 additions and 51 deletions

View File

@@ -2,12 +2,13 @@ import { motion, AnimatePresence } from "framer-motion";
import { useRef, useEffect, useMemo, useCallback, useState } from "react";
import FeederStatus from "../../../../Common/Feeder";
import TemperatureBottom from "../../../../Common/TemperatureBottom";
import TemperatureTop from "../../../../Common/TemperatureTop";
import { useSelector, useDispatch } from "react-redux";
function EnterToFloorOne(props) {
// const ctx = useContext(SocketContext);
const ctx = null;
const fireInfo = useSelector((state) => state.fireInfo);
const fireDir = fireInfo?.fireDirection || null;
const fireDir = ctx?.runState?.fireDirection || null;
const [fireCanPlay, setFireCanPlay] = useState(false);
const vd = useRef(null);
const show = props.opacity || 0;
@@ -69,10 +70,10 @@ function EnterToFloorOne(props) {
></video>
)}
<TemperatureBottom
<TemperatureTop
style={{
top: "218px",
left: "688px",
left: "678px",
width: "2380px",
zIndex: 0,
}}

View File

@@ -2,12 +2,13 @@ import { motion, AnimatePresence } from "framer-motion";
import { useRef, useEffect, useMemo, useState } from "react";
import FeederStatus from "../../../../Common/Feeder";
import TemperatureTop from "../../../../../components/Common/TemperatureTop";
import TemperatureBottom from "../../../../Common/TemperatureBottom";
import { useSelector, useDispatch } from "react-redux";
function FloorOneToTwo(props) {
const ctx = null;
const fireInfo = useSelector((state) => state.fireInfo);
const fireDir = fireInfo?.fireDirection || null;
const fireDir = ctx?.runState?.fireDirection || null;
const [fireCanPlay, setFireCanPlay] = useState(false);
const vd = useRef(null);
@@ -72,7 +73,7 @@ function FloorOneToTwo(props) {
></video>
)}
<TemperatureTop
<TemperatureBottom
style={{
top: "208px",
left: "638px",

View File

@@ -2,11 +2,12 @@ import { motion, AnimatePresence } from "framer-motion";
import { useRef, useEffect, useMemo, useState } from "react";
import FeederStatus from "../../../../Common/Feeder";
import TemperatureBottom from "../../../../Common/TemperatureBottom";
import TemperatureTop from "../../../../Common/TemperatureTop";
import { useSelector, useDispatch } from "react-redux";
function FloorTwoToOne(props) {
const ctx = null;
const fireDir = ctx?.runState?.fireDirection || null;
const fireInfo = useSelector((state) => state.fireInfo);
const fireDir = fireInfo?.fireDirection || null;
const [fireCanPlay, setFireCanPlay] = useState(false);
const vd = useRef(null);
@@ -72,15 +73,15 @@ function FloorTwoToOne(props) {
></video>
)}
<TemperatureBottom
<TemperatureTop
style={{
top: "208px",
left: "638px",
top: "200px",
left: "628px",
width: "2380px",
zIndex: 0,
}}
/>
<FeederStatus />
<FeederStatus style={{ left: "680px" }} />
</motion.div>
)}
</AnimatePresence>