QC Event

# Fix
- Loading card
- Create : saat memilih jam sesuai dengan batas jam di hari itu
## No isuuee

src/util/mqtt_loader.tsx

@@ -5,21 +5,52 @@ import mqtt_client from "./mqtt_client";
 import { useAtom } from "jotai";
 import { gs_coba_chat } from "@/app/makuro/gs_coba";
 import { evnPesan } from "./evn";
+import { Button, Stack } from "@mantine/core";
 
 export default function MqttLoader() {
   useEffect(() => {
     mqtt_client.on("connect", () => {
       console.log("connected");
-      // mqtt_client.subscribe("pesan");
+      mqtt_client.subscribe("pesan");
+      mqtt_client.subscribe("pesan2");
+
       // fetch("").then((res) => {
       //   mqtt_client.subscribe("pesan");
       // });
     });
 
-    // mqtt_client.on("message", (apa: any, itu: any) => {
-    //   console.log(itu)
-    //   evnPesan.emit("pesan", itu);
-    // });
+    mqtt_client.on("message", (topic: any, message: any) => {
+      // console.log(itu)
+      // evnPesan.emit("pesan", itu);
+      const data = JSON.parse(message.toString());
+
+      if (data) {
+        if (data.id === "1") {
+          console.log("ini untuk id satu", data.data);
+        }
+      }
+    });
   }, []);
-  return null;
+
+  const onClick = async () => {
+    mqtt_client.publish("pesan2", "apa pesannya 2");
+  };
+
+  const onClick2 = () => {
+    mqtt_client.publish(
+      "pesan",
+      JSON.stringify({
+        id: "2",
+        title: "donasi",
+        data: "databta",
+      })
+    );
+  };
+  return null
+  //  (
+  //   <Stack>
+  //     <Button onClick={onClick}>Tekan</Button>
+  //     <Button onClick={onClick2}>Tekan 2</Button>
+  //   </Stack>
+  // );
 }