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

[nyatinte]

概要

↑を作成する

要件

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

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

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

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