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 23 24 25 26 27 28 29 30 31 32 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 7x 7x 7x 1x 1x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x | 'use client';
import { Button, useModal } from '@/components/ui';
import { User } from '@/types/service/user';
import {
ProfileCard,
ProfileDescription,
ProfileEditModal,
ProfileFollowsBadge,
} from '../../profile';
interface Props {
user: User;
}
export const MyPageInfo = ({ user }: Props) => {
const { open } = useModal();
const handleButtonClick = () => {
open(<ProfileEditModal user={user} />);
};
return (
<section className='px-4 py-8'>
<ProfileCard user={user} />
<ProfileFollowsBadge user={user} />
<Button onClick={handleButtonClick}>프로필 수정하기</Button>
<ProfileDescription user={user} />
</section>
);
};
|