Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x | 'use client';
import { useLogout, useWithdraw } from '@/hooks/use-auth';
import { User } from '@/types/service/user';
import { MyPageActionButton } from './mypage-setting-button';
interface Props {
user: User;
}
export const MyPageSetting = ({ user: _ }: Props) => {
const logout = useLogout();
const withdraw = useWithdraw();
return (
<section className='bg-mono-white flex flex-col gap-3 px-3 py-6'>
<MyPageActionButton onClick={logout}>로그아웃</MyPageActionButton>
<MyPageActionButton onClick={withdraw}>회원탈퇴</MyPageActionButton>
</section>
);
};
|