tambahan
This commit is contained in:
3
bun.lock
3
bun.lock
@@ -21,6 +21,7 @@
|
||||
"@types/qrcode-terminal": "^0.12.2",
|
||||
"add": "^2.0.6",
|
||||
"colors": "^1.4.0",
|
||||
"dayjs": "^1.11.18",
|
||||
"elysia": "^1.4.11",
|
||||
"form-data": "^4.0.4",
|
||||
"jwt-decode": "^4.0.0",
|
||||
@@ -217,6 +218,8 @@
|
||||
|
||||
"data-uri-to-buffer": ["data-uri-to-buffer@4.0.1", "", {}, "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A=="],
|
||||
|
||||
"dayjs": ["dayjs@1.11.18", "", {}, "sha512-zFBQ7WFRvVRhKcWoUh+ZA1g2HVgUbsZm9sbddh8EC5iv93sui8DVVz1Npvz+r6meo9VKfa8NyLWBsQK1VvIKPA=="],
|
||||
|
||||
"debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
|
||||
|
||||
"deepmerge-ts": ["deepmerge-ts@7.1.5", "", {}, "sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw=="],
|
||||
|
||||
@@ -27,6 +27,7 @@
|
||||
"@types/qrcode-terminal": "^0.12.2",
|
||||
"add": "^2.0.6",
|
||||
"colors": "^1.4.0",
|
||||
"dayjs": "^1.11.18",
|
||||
"elysia": "^1.4.11",
|
||||
"form-data": "^4.0.4",
|
||||
"jwt-decode": "^4.0.0",
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
import apiFetch from "@/lib/apiFetch";
|
||||
import { Skeleton, Stack, Text, Title } from "@mantine/core";
|
||||
import { Card, Skeleton, Stack, Text, Title } from "@mantine/core";
|
||||
import { useShallowEffect } from "@mantine/hooks";
|
||||
import useSWR from "swr";
|
||||
import dayjs from "dayjs";
|
||||
|
||||
export default function WaHookHome() {
|
||||
const { data, error, isLoading, mutate } = useSWR("/wa-hook", apiFetch["wa-hook"].list.get, {
|
||||
@@ -24,15 +25,16 @@ export default function WaHookHome() {
|
||||
<Stack>
|
||||
<Title order={2}>WaHookHome</Title>
|
||||
{data?.data?.list.map((item) => (
|
||||
<Stack key={item.id}>
|
||||
<Text key={item.id}>{item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.text?.body}</Text>
|
||||
<Text key={item.id}>{item.data?.entry?.[0]?.changes?.[0]?.value?.contacts?.[0]?.wa_id}</Text>
|
||||
<Text key={item.id}>{item.data?.entry?.[0]?.changes?.[0]?.value?.contacts?.[0]?.profile?.name}</Text>
|
||||
<Text key={item.id}>{item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.from}</Text>
|
||||
<Text key={item.id}>{item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.id}</Text>
|
||||
<Text key={item.id}>{item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.timestamp}</Text>
|
||||
<Text key={item.id}>{item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.type}</Text>
|
||||
</Stack>
|
||||
<Card key={item.id}>
|
||||
<Stack>
|
||||
<Text>Name: {item.data?.entry?.[0]?.changes?.[0]?.value?.contacts?.[0]?.profile?.name}</Text>
|
||||
<Text>From: {item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.from}</Text>
|
||||
<Text>ID: {item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.id}</Text>
|
||||
<Text>Timestamp: {dayjs(item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.timestamp).format("YYYY-MM-DD HH:mm:ss")}</Text>
|
||||
<Text>Type: {item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.type}</Text>
|
||||
<Text>Body: {item.data?.entry?.[0]?.changes?.[0]?.value?.messages?.[0]?.text?.body}</Text>
|
||||
</Stack>
|
||||
</Card>
|
||||
))}
|
||||
</Stack>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user