유저 컴포넌트 구현

[eeseung]

📑 이슈 번호

• close 유저 컴포넌트 구현 #53

🚧 구현 내용

유저 컴포넌트를 구현했습니다.

User 컴포넌트

🚨 특이 사항

UserProps

interface UserProps {
  id: number
  name: string
  profile: string
  oneLiner?: string
  isFollow?: boolean // 팔로잉 여부
  isAuth?: boolean // 본인 여부
  onClick?: (id: number, isFollow: boolean) => void // 팔로우 or 언팔로우
}

사용 예시

<User
  id={user.id}
  name={user.name}
  profile={user.profile}
  oneLiner={user.oneLiner}
  isFollow={user.isFollow}
  isAuth={authUser.id === user.id}
  onClick={(id, isFollow) =>
    console.log(isFollow ? `unfollow ${id}` : `follow ${id}`)
  }
  key={user.id}
/>

[dudwns]

LGTM 입니다!! 👍
개발하면서 느낀 건데 useToggle이 정말 다양한 곳에서 유용하게 쓰이는 것 같네요 😄