add realtimedata to app.tsx & pages/index.tsx
This commit is contained in:
parent
a9e292cf1e
commit
a1f4df737d
|
@ -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!");
|
||||
|
|
|
@ -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 () => {
|
||||
|
|
Loading…
Reference in New Issue