izzaalfiansyah
/
TKK_E32211868
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed dashboard

This commit is contained in:
Muhammad Izza Alfiansyah 2024-04-19 20:46:20 +07:00
parent 69a7f79aca
commit d6929a58fc
1 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
website/src/pages/Index.tsx
View File

@ -1,4 +1,4 @@
import { createSignal, onMount } from "solid-js";
import { createSignal, onMount, Show } from "solid-js";
import BeakerIcon from "../icons/BeakerIcon";
import EyeDropperIcon from "../icons/EyeDropperIcon";
import { Chart, registerables } from "chart.js";
@ -20,7 +20,7 @@ export default function () {
.order("created_at", { ascending: false })
.limit(10);
if (data != null) {
if (data != null && data.length > 0) {
const lastItem = data[0];
setSuhu(lastItem.suhu);
@ -117,6 +117,17 @@ export default function () {
return (
<div class="space-y-5">
<Show when={!kadarGas()}>
<div class="bg-white rounded p-5 shadow">Data tidak terdeteksi</div>
<div class="bg-white rounded p-5 shadow flex items-center justify-center">
<img
src="https://www.islandofworldpeace.ie/wp-content/uploads/2019/03/no-image.jpg"
alt=""
class="w-[300px] h-[300px]"
/>
</div>
</Show>
<div class={"space-y-5" + (kadarGas().length > 0 ? "" : "hidden")}>
<div class="flex flex-wrap gap-5">
<div class="bg-red-500 lg:w-1/2 w-full h-52 rounded shadow text-white flex items-center justify-center">
<div class="uppercase text-3xl">belum matang</div>
@ -137,5 +148,6 @@ export default function () {
<canvas ref={canvas}></canvas>
</div>
</div>
</div>
);
}