mirror of
https://github.com/KevinMidboe/hivemonitor.git
synced 2025-10-29 09:30:25 +00:00
* adds a bunch of ui components with mock data * build docker image with yarn.lock & yarn instead of npm * easier to add topics, build options smarter from ENV vars * fallback to index.html on all requests for SPA * updates w/ black/white support, better mobile styling * adds test components to home & dashboard pages * adds chart.js dependency * mqtt payload examples * lint * drone ci config * eslint fixes
21 lines
533 B
Svelte
21 lines
533 B
Svelte
<script lang="ts">
|
|
import Display from '$lib/components/Display.svelte';
|
|
import ThermometerIcon from '$lib/icons/thermometer.svelte';
|
|
import { formatTemperature } from '$lib/telemetryFormatters';
|
|
|
|
export let temperature: string | undefined = undefined;
|
|
export let change: string | null = '';
|
|
</script>
|
|
|
|
<Display>
|
|
<ThermometerIcon slot="icon" />
|
|
|
|
<span slot="title">Temperature</span>
|
|
<span slot="value">{formatTemperature(temperature)}°C</span>
|
|
|
|
<span slot="change">{change}</span>
|
|
</Display>
|
|
|
|
<style lang="scss">
|
|
</style>
|