feat: implement TikTok OAuth flow and integrate profile data into home page

2026-06-30 20:41:01 +07:00
parent de3ee40fa4
commit 2e3983e38c
8 changed files with 494 additions and 31 deletions
@@ -0,0 +1,99 @@
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Separator } from "@/components/ui/separator";
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+import { ArrowLeft } from "lucide-react";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "ข้อกำหนดการใช้งาน ",
+  description: "ข้อกำหนดและเงื่อนไขการใช้งานเว็บไซต์ Erika!",
+};
+
+export default function TermsOfServicePage() {
+  return (
+    <main className="min-h-screen flex flex-col items-center p-4 md:p-8">
+      <div className="w-full max-w-2xl space-y-6">
+        <div className="flex items-center gap-2">
+          <Link href="/">
+            <Button variant="ghost" size="icon">
+              <ArrowLeft className="w-4 h-4" />
+            </Button>
+          </Link>
+          <h1 className="text-2xl font-bold tracking-tight">ข้อกำหนดการใช้งาน</h1>
+        </div>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-lg">1. การยอมรับข้อกำหนด</CardTitle>
+          </CardHeader>
+          <CardContent className="text-sm text-muted-foreground leading-relaxed">
+            การเข้าใช้งานเว็บไซต์ Erika! ถือว่าคุณยอมรับข้อกำหนดและเงื่อนไขทั้งหมดที่ระบุไว้ในหน้านี้
+            หากคุณไม่ยอมรับข้อกำหนดเหล่านี้ กรุณาหยุดใช้งานเว็บไซต์
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-lg">2. การใช้งานเว็บไซต์</CardTitle>
+          </CardHeader>
+          <CardContent className="text-sm text-muted-foreground leading-relaxed space-y-2">
+            <p>คุณตกลงที่จะใช้งานเว็บไซต์นี้เพื่อวัตถุประสงค์ที่ถูกต้องตามกฎหมายเท่านั้น และจะไม่:</p>
+            <ul className="list-disc list-inside space-y-1 pl-2">
+              <li>ใช้เว็บไซต์ในทางที่ผิดกฎหมายหรือฉ้อโกง</li>
+              <li>พยายามเข้าถึงระบบโดยไม่ได้รับอนุญาต</li>
+              <li>รบกวนการทำงานของเว็บไซต์หรือเซิร์ฟเวอร์</li>
+              <li>ส่งเนื้อหาที่ไม่เหมาะสมหรือสแปมผ่านฟอร์มต่างๆ</li>
+            </ul>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-lg">3. บัญชีผู้ใช้</CardTitle>
+          </CardHeader>
+          <CardContent className="text-sm text-muted-foreground leading-relaxed">
+            การเข้าสู่ระบบผ่าน Discord ถือว่าคุณอนุญาตให้เราเข้าถึงข้อมูลพื้นฐานของบัญชี Discord ของคุณ
+            คุณมีหน้าที่รับผิดชอบในการรักษาความปลอดภัยของบัญชีตนเอง
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-lg">4. เนื้อหาที่ผู้ใช้ส่ง</CardTitle>
+          </CardHeader>
+          <CardContent className="text-sm text-muted-foreground leading-relaxed">
+            เนื้อหาที่คุณส่งผ่านฟอร์มบนเว็บไซต์จะถูกเก็บรักษาไว้เพื่อวัตถุประสงค์ของช่อง Erika!
+            เราขอสงวนสิทธิ์ในการลบเนื้อหาที่ไม่เหมาะสมโดยไม่ต้องแจ้งล่วงหน้า
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-lg">5. การจำกัดความรับผิดชอบ</CardTitle>
+          </CardHeader>
+          <CardContent className="text-sm text-muted-foreground leading-relaxed">
+            เว็บไซต์นี้ให้บริการตามสภาพที่เป็นอยู่ (&quot;as is&quot;) โดยไม่มีการรับประกันใดๆ
+            เราไม่รับผิดชอบต่อความเสียหายใดๆ ที่เกิดจากการใช้งานเว็บไซต์นี้
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-lg">6. การเปลี่ยนแปลงข้อกำหนด</CardTitle>
+          </CardHeader>
+          <CardContent className="text-sm text-muted-foreground leading-relaxed">
+            เราขอสงวนสิทธิ์ในการแก้ไขข้อกำหนดเหล่านี้ได้ตลอดเวลาโดยไม่ต้องแจ้งล่วงหน้า
+            การใช้งานเว็บไซต์ต่อไปหลังจากมีการเปลี่ยนแปลง ถือว่าคุณยอมรับข้อกำหนดใหม่
+          </CardContent>
+        </Card>
+
+        <Separator />
+
+        <p className="text-xs text-muted-foreground text-center pb-4">
+          อัปเดตล่าสุด: 30 มิถุนายน 2569
+        </p>
+      </div>
+    </main>
+  );
+}