research/statebuddy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better rendering of digital watch

Browse source
This commit is contained in:
Joeri Exelmans 2025-10-22 11:47:43 +02:00
parent 45cfc6f1f8
commit 1ce7bdb9bd
1 changed files with 4 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/Plant/DigitalWatch/DigitalWatch.tsx
View file

@ -1,6 +1,5 @@
import imgNote from "./noteSmall.png";
import imgWatch from "./watch.png";
import imgWatchLight from "./watch-light.png";
import digitalFont from "./digital-font.ttf";
import { Plant } from "../Plant";
import { RaisedEvent } from "@/statecharts/runtime_types";
@ -38,10 +37,10 @@ export function DigitalWatch({light, h, m, s, alarm, callbacks}: DigitalWatchPro
}
`}</style>
<svg version="1.1" width="222" height="236" style={{userSelect: 'none'}}>
{light ?
<image width="222" height="236" xlinkHref={imgWatchLight}/>
: <image width="222" height="236" xlinkHref={imgWatch}/>
}
<image width="222" height="236" xlinkHref={imgWatch}/>
{light &&
<rect x={52} y={98} width={120} height={52} fill="#deeaffff" rx={5} ry={5} />}
<text x="111" y="126" dominantBaseline="middle" textAnchor="middle" fontFamily="digital-font" fontSize={28} style={{whiteSpace:'preserve'}}>{hhmmss}</text>