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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
website/src/App.tsx
View File

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

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

@ -33,16 +33,16 @@ export default function () {
const getData = async () => { const getData = async () => {
const { data } = await supabase const { data } = await supabase
.from("kondisi_tapai") .from("realtime_data")
.select("*") .select("*")
.order("created_time", { ascending: false }) .eq("id", 1)
.limit(10); .limit(1);
if (data != null && data.length > 0) { if (data != null && data.length > 0) {
const lastItem = data[0]; const item = data[0];
setSuhu(lastItem.suhu); setSuhu(item.suhu);
setKelembaban(lastItem.kelembaban); setKelembaban(item.kelembaban);
setKadarGas([]); setKadarGas([]);
setTimeStamps([]); 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 () => { const renderChart = async () => {