42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
|
'use client';
|
||
|
|
import { Button, IconButton } from '@/components/ui/button';
|
||
|
|
import { useRouter } from 'next/navigation';
|
||
|
|
import ProfileLayout from '@/layout/ProfileLayout';
|
||
|
|
import Link from 'next/link';
|
||
|
|
import IconFont from '@/components/ui/iconFont';
|
||
|
|
import { useLayoutStore } from '@/stores';
|
||
|
|
import MaskList from './MaskList';
|
||
|
|
|
||
|
|
export default function MaskPage() {
|
||
|
|
const response = useLayoutStore((s) => s.response);
|
||
|
|
|
||
|
|
const router = useRouter();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<ProfileLayout
|
||
|
|
bottomButton={
|
||
|
|
<Link href={'/profile/mask/new'} className="w-full">
|
||
|
|
<Button className="w-full" variant="primary">
|
||
|
|
+ Add new Mask
|
||
|
|
</Button>
|
||
|
|
</Link>
|
||
|
|
}
|
||
|
|
rightDom={
|
||
|
|
response?.isPC && (
|
||
|
|
<IconFont
|
||
|
|
onClick={() => router.push('/profile/mask/new')}
|
||
|
|
size={32}
|
||
|
|
className="text-white cursor-pointer"
|
||
|
|
type="icon-tianjia"
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
title="Masked Identity Mode"
|
||
|
|
>
|
||
|
|
<div className="flex flex-col gap-6 bg-surface-base-normal p-6 rounded-2xl">
|
||
|
|
<MaskList />
|
||
|
|
</div>
|
||
|
|
</ProfileLayout>
|
||
|
|
);
|
||
|
|
}
|