add realtimedata to app.tsx & pages/index.tsx

This commit is contained in:
Muhammad Izza Alfiansyah 2024-06-30 14:58:30 +07:00
parent a9e292cf1e
commit a1f4df737d
2 changed files with 54 additions and 12 deletions

View File

@ -103,20 +103,35 @@ export default function (props: JSX.HTMLAttributes<HTMLDivElement>) {
if (!lastHistori()) {
const lastData1: any = await new Promise(async (res) => {
const { data } = await supabase
.from("kondisi_tapai")
.from("realtime_data")
.select("created_time")
.order("created_time", { ascending: false })
.limit(1);
.eq("id", 1);
setTimeout(() => {
res(data);
}, 10000);
});
const { data: lastData2 } = await supabase
.from("kondisi_tapai")
.from("realtime_data")
.select("created_time")
.order("created_time", { ascending: false })
.limit(1);
.eq("id", 1);
// const lastData1: any = await new Promise(async (res) => {
// const { data } = await supabase
// .from("kondisi_tapai")
// .select("created_time")
// .order("created_time", { ascending: false })
// .limit(1);
// setTimeout(() => {
// res(data);
// }, 10000);
// });
// const { data: lastData2 } = await supabase
// .from("kondisi_tapai")
// .select("created_time")
// .order("created_time", { ascending: false })
// .limit(1);
if (lastData1![0] == lastData2![0]) {
alert("Device offline!");

View File

@ -33,16 +33,16 @@ export default function () {
const getData = async () => {
const { data } = await supabase
.from("kondisi_tapai")
.from("realtime_data")
.select("*")
.order("created_time", { ascending: false })
.limit(10);
.eq("id", 1)
.limit(1);
if (data != null && data.length > 0) {
const lastItem = data[0];
const item = data[0];
setSuhu(lastItem.suhu);
setKelembaban(lastItem.kelembaban);
setSuhu(item.suhu);
setKelembaban(item.kelembaban);
setKadarGas([]);
setTimeStamps([]);
@ -58,6 +58,33 @@ export default function () {
});
});
}
// const { data } = await supabase
// .from("kondisi_tapai")
// .select("*")
// .order("created_time", { ascending: false })
// .limit(10);
// if (data != null && data.length > 0) {
// const lastItem = data[0];
// setSuhu(lastItem.suhu);
// setKelembaban(lastItem.kelembaban);
// setKadarGas([]);
// setTimeStamps([]);
// data.forEach((item) => {
// setKadarGas((val) => {
// val.push(item.kadar_gas.toString().slice(0, 4));
// return val;
// });
// setTimeStamps((val) => {
// val.push(getTimes(item.created_time));
// return val;
// });
// });
// }
};
const renderChart = async () => {