Spaces:
Sleeping
Sleeping
FauziIsyrinApridal
commited on
Commit
·
da17d35
1
Parent(s):
21f686d
..
Browse files- app/(main)/feedback/page.tsx +0 -89
app/(main)/feedback/page.tsx
DELETED
@@ -1,89 +0,0 @@
|
|
1 |
-
"use client";
|
2 |
-
|
3 |
-
import { useEffect, useState } from "react";
|
4 |
-
import { createClient } from "@/utils/supabase/client";
|
5 |
-
import {
|
6 |
-
Table,
|
7 |
-
TableHeader,
|
8 |
-
TableBody,
|
9 |
-
TableHead,
|
10 |
-
TableRow,
|
11 |
-
TableCell,
|
12 |
-
} from "@/components/ui/table";
|
13 |
-
import { revalidatePath } from "next/cache";
|
14 |
-
import { redirect } from "next/navigation";
|
15 |
-
|
16 |
-
type Feedback = {
|
17 |
-
id: number;
|
18 |
-
message: string;
|
19 |
-
created_at: string;
|
20 |
-
};
|
21 |
-
|
22 |
-
export default async function FeedbackPage() {
|
23 |
-
const supabase = createClient();
|
24 |
-
|
25 |
-
const {
|
26 |
-
data: { session },
|
27 |
-
} = await supabase.auth.getSession();
|
28 |
-
|
29 |
-
if (!session) {
|
30 |
-
revalidatePath("/login", "page");
|
31 |
-
redirect("/login");
|
32 |
-
}
|
33 |
-
|
34 |
-
const [feedbacks, setFeedbacks] = useState<Feedback[]>([]);
|
35 |
-
const [loading, setLoading] = useState(true);
|
36 |
-
|
37 |
-
useEffect(() => {
|
38 |
-
const fetchFeedbacks = async () => {
|
39 |
-
const { data, error } = await supabase
|
40 |
-
.from("feedback")
|
41 |
-
.select("*")
|
42 |
-
.order("created_at", { ascending: false });
|
43 |
-
|
44 |
-
if (!error && data) {
|
45 |
-
setFeedbacks(data);
|
46 |
-
}
|
47 |
-
setLoading(false);
|
48 |
-
};
|
49 |
-
|
50 |
-
fetchFeedbacks();
|
51 |
-
}, []);
|
52 |
-
|
53 |
-
return (
|
54 |
-
<div className="mx-auto max-w-5xl p-4">
|
55 |
-
<h1 className="mb-6 text-2xl font-semibold">📋 Feedback Pengguna</h1>
|
56 |
-
|
57 |
-
{loading ? (
|
58 |
-
<p>Memuat data feedback...</p>
|
59 |
-
) : feedbacks.length === 0 ? (
|
60 |
-
<p className="text-muted-foreground">
|
61 |
-
Belum ada feedback yang dikirim.
|
62 |
-
</p>
|
63 |
-
) : (
|
64 |
-
<Table>
|
65 |
-
<TableHeader>
|
66 |
-
<TableRow>
|
67 |
-
<TableHead>ID</TableHead>
|
68 |
-
<TableHead>Pesan</TableHead>
|
69 |
-
<TableHead className="text-right">Tanggal</TableHead>
|
70 |
-
</TableRow>
|
71 |
-
</TableHeader>
|
72 |
-
<TableBody>
|
73 |
-
{feedbacks.map((fb) => (
|
74 |
-
<TableRow key={fb.id}>
|
75 |
-
<TableCell>{fb.id}</TableCell>
|
76 |
-
<TableCell className="max-w-[500px] whitespace-pre-line">
|
77 |
-
{fb.message}
|
78 |
-
</TableCell>
|
79 |
-
<TableCell className="text-right text-sm text-muted-foreground">
|
80 |
-
{new Date(fb.created_at).toLocaleString("id-ID")}
|
81 |
-
</TableCell>
|
82 |
-
</TableRow>
|
83 |
-
))}
|
84 |
-
</TableBody>
|
85 |
-
</Table>
|
86 |
-
)}
|
87 |
-
</div>
|
88 |
-
);
|
89 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|