72 lines
2.9 KiB
JavaScript
72 lines
2.9 KiB
JavaScript
"use client";
|
||
|
||
import React, { useState } from "react";
|
||
import { Button } from "antd-mobile";
|
||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||
import {
|
||
faAngleLeft,
|
||
} from "@fortawesome/free-solid-svg-icons";
|
||
import { useRouter } from "next/navigation";
|
||
import { formatDeadline } from "@/utils/tools";
|
||
export default function DeleteAccount() {
|
||
const [deadline, setDeadline] = useState();
|
||
const router = useRouter();
|
||
return (
|
||
<div>
|
||
<div className="p-4 fixed top-0 z-10 w-full">
|
||
<div className="w-9 h-9 flex items-center justify-center bg-[#FFFFFF1A] rounded-full absolute">
|
||
<FontAwesomeIcon
|
||
icon={faAngleLeft}
|
||
size="xl"
|
||
onClick={() => {
|
||
router.back();
|
||
}}
|
||
/>
|
||
</div>
|
||
<p className="text-base text-center leading-9">注销用户</p>
|
||
</div>
|
||
{/* 内容 */}
|
||
<div className="pt-16 p-4">
|
||
<p className="text-white text-lg font-medium">注销必看须知:</p>
|
||
<div className="bg-[#13121F] rounded-2xl p-3 mt-2">
|
||
<p className="text-white text-base font-medium">1、账号个人信息</p>
|
||
<p className="text-[#FFFFFFB2] text-base">
|
||
账号注销后，您将永远失去该账户的所有内容，且无法恢复。包括但不限于：个人资料信息、访问记录、关注列表、私信聊天记录等。
|
||
</p>
|
||
<p className="text-white text-base font-medium mt-2">
|
||
2、账号资产与权益
|
||
</p>
|
||
<p className="text-[#FFFFFFB2] text-base">
|
||
账号注销后，您将失去所有账号使用期间获得的资产与权益，且无法恢复。包括但不限于您的金币、钻石、会员特权以及其他已付费的订单商品等。
|
||
</p>
|
||
<p className="text-white text-base font-medium mt-2">3、注销时间</p>
|
||
<p className="text-[#FFFFFFB2] text-base">
|
||
您发起注销账户申请后，我们将在7个自然日后完全清除您的账号信息，在此期间您可以随时在本页面撤销该申请。
|
||
</p>
|
||
<p className="text-white text-base font-medium mt-2">4、其他</p>
|
||
<p className="text-[#FFFFFFB2] text-base">
|
||
平台入驻创作者请联系运营进行注销。
|
||
</p>
|
||
</div>
|
||
{deadline && (
|
||
<p className="text-[#F53030] text-base font-medium mt-2">
|
||
您的账号将于{formatDeadline(deadline)}
|
||
注销，如需取消注销，请点击下方“取消注销”
|
||
</p>
|
||
)}
|
||
<div className="mt-16">
|
||
<Button
|
||
shape="rounded"
|
||
size="middle"
|
||
block
|
||
// onClick={handleSubmit}
|
||
style={{ "--background-color": "#FF669E", color: "#FFFFFF" }}
|
||
>
|
||
{deadline ? "取消注销" : "确认注销账号"}
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|