faqs
Build and Release / release (push) Failing after 30s

This commit is contained in:
2026-05-30 23:50:03 +07:00
parent a987a83280
commit 793e980c93
+11 -14
View File
@@ -5,37 +5,35 @@ import { useState } from 'react';
const faqData = [ const faqData = [
{ {
id: 1, id: 1,
question: "1. Phần mềm này tương thích với những hệ điều hành nào?", question: "1. Tôi có thể đổi mật khẩu ở đâu?",
answer: "Hệ thống tương thích hoàn toàn với Windows 10/11, macOS 12 trở lên. Đối với môi trường máy chủ, chúng tôi hỗ trợ các bản phân phối Linux phổ biến như Ubuntu và Debian." answer: "Bạn có thể đổi mật khẩu ở mục Thông tin tài khoản ở góc dưới bên trái màn hình. Kéo xuống mục thay đổi mật khẩu và cập nhật thông tin."
}, },
{ {
id: 2, id: 2,
question: "2. Sự khác biệt giữa phiên bản Miễn phí và Trả phí là gì?", question: "2. Làm sao để liên hệ với ban quản trị khi cần hỗ trợ gấp?",
answer: "Phiên bản trả phí cung cấp băng thông không giới hạn, hỗ trợ kỹ thuật ưu tiên 24/7, và quyền truy cập sớm vào các tính năng nâng cao. Bản miễn phí sẽ giới hạn một số tính năng xuất dữ liệu." answer: "Bạn có thể liên hệ với ban quản trị qua email hoặc số điện thoại được cung cấp trong mục Liên hệ hỗ trợ"
}, },
{ {
id: 3, id: 3,
question: "3. Hệ thống hỗ trợ những phương thức kết nối nào?", question: "3. Để có thể làm kiểm duyệt viên tôi cần làm gì?",
answer: "Chúng tôi hỗ trợ kết nối qua REST API, WebSocket cho dữ liệu thời gian thực và cung cấp sẵn SDK cho các ngôn ngữ phổ biến như TypeScript, Go." answer: "Bạn có thể gửi yêu cầu làm Nhà sử học bằng cách truy cập vào mục Nhà Sử Học ở góc dưới bên trái màn hình. Điền đầy đủ thông tin yêu cầu và gửi cho chúng tôi. Chúng tôi sẽ xem xét và liên hệ qua email."
}, },
{ {
id: 4, id: 4,
question: "4. Làm thế nào để tôi có thể tích hợp vào dự án Next.js hiện tại?", question: "4. Thời gian phản hồi khi gửi yêu cầu là bao lâu?",
answer: "Bạn chỉ cần cài đặt package qua npm/yarn, thêm API Key vào file .env và gọi component Provider ở file layout.tsx gốc. Tài liệu chi tiết có sẵn trong mục Developer Docs." answer: "Thông thường chúng tôi sẽ phản hồi yêu cầu của bạn trong vòng 24-48 giờ làm việc."
}, },
{ {
id: 5, id: 5,
question: "5. Dữ liệu của tôi được bảo mật như thế nào?", question: "5. Làm gì nếu tài khoản của tôi bị khóa?",
answer: "Toàn bộ dữ liệu được mã hóa đầu cuối (End-to-End Encryption). Chúng tôi tuân thủ nghiêm ngặt các tiêu chuẩn bảo mật quốc tế và thường xuyên rà soát hệ thống để phòng chống các lỗ hổng bảo mật." answer: "Bạn có thể liên hệ với ban quản trị qua email hoặc số điện thoại được cung cấp trong mục Liên hệ hỗ trợ"
} },
]; ];
export default function Page() { export default function Page() {
// Lưu index của câu hỏi đang được mở. Mặc định mở câu đầu tiên (index 0).
const [openIndex, setOpenIndex] = useState<number | null>(0); const [openIndex, setOpenIndex] = useState<number | null>(0);
const toggleFAQ = (index: number) => { const toggleFAQ = (index: number) => {
// Nếu click lại vào câu đang mở thì đóng nó, ngược lại thì mở câu mới
setOpenIndex(openIndex === index ? null : index); setOpenIndex(openIndex === index ? null : index);
}; };
@@ -62,7 +60,6 @@ export default function Page() {
</span> </span>
</button> </button>
{/* Phần nội dung có hiệu ứng trượt */}
<div <div
className={`overflow-hidden transition-all duration-300 ease-in-out ${ className={`overflow-hidden transition-all duration-300 ease-in-out ${
isOpen ? 'max-h-96 opacity-100 pb-6' : 'max-h-0 opacity-0' isOpen ? 'max-h-96 opacity-100 pb-6' : 'max-h-0 opacity-0'