ユーザーカードコンポーネントの作成

[nyatinte]

概要

↑を作成する

要件

• ボタンをクリックするとx (旧twittter) に飛ぶ
• クリックすると、チェックマークがつく。チェックマークはposition: absoluteとかでつければいいと思う。状態の管理は一旦Stateで行い、Cookieは別Issueで行う
• propsとして以下の値を含む

type Props = {
  user: {
    xid: string
    nickname: string
  }
}

• xidに対応する画像を表示する
• コンポーネントはshadcn-uiより、Card, Avatarなどをうまく組み合わせて作成する
• 余裕があれば、Storybookにチェックあり、なしの状態のStoryを作る

テストは書かなくて良い（実装→テスト or テスト→実装 の違いを体験してもらうため）