fired transitions run animation once

This commit is contained in:
Joeri Exelmans 2025-10-21 14:23:25 +02:00
parent 0ba4fd4cae
commit 29808a683c
6 changed files with 34 additions and 14 deletions

View file

@ -6,9 +6,10 @@ import "./BottomPanel.css";
import head from "../head.svg" ;
import { usePersistentState } from "@/util/persistent_state";
import { PersistentDetails } from "./PersistentDetails";
import { DigitalWatch } from "@/Plant/DigitalWatch/DigitalWatch";
export function BottomPanel(props: {errors: TraceableError[]}) {
const [greeting, setGreeting] = useState(<><b><img src={head} style={{transform: "scaleX(-1)"}}/>&emsp;"Welcome to StateBuddy, buddy!"</b></>);
const [greeting, setGreeting] = useState(<><b><img src={head} style={{transform: "scaleX(-1)"}}/>&emsp;"Welcome to StateBuddy, buddy!"</b><br/></>);
useEffect(() => {
setTimeout(() => {
@ -17,7 +18,8 @@ export function BottomPanel(props: {errors: TraceableError[]}) {
}, []);
return <div className="toolbar bottom">
<>{greeting}</>
{greeting}
<DigitalWatch alarm={true} light={true} h={12} m={30} s={33}/>
{props.errors.length > 0 &&
<div className="errorStatus">
<PersistentDetails initiallyOpen={false} localStorageKey="errorsExpanded">