Feature#39 aco

[artaco]

チケット

closes #39

内容

買い物リストページのログイン前／後の画面を作成しました。

確認項目

しまぶーさんのデモを見ながら、 おおよその色やサイズを指定しているため、 各所、微調整が必要という想定です。 まだコンポーネント化はしていません。

app/list/page.tsxの４行目 const isLogin = true; falseにするとログアウト時の画面になります。

app/list/page.tsxの６〜93行目の配列は、 リストをmap関数で表示するコードに書き換えるつもりで仮データを宣言しましたが、 作業時間がなく使用できませんでした。

レビューを依頼する前のチェック項目

• [x] 要件を満たした
• [x] 要件を知らない人が見ても内容を理解できるように PR を書いた
• [x] 触った箇所以外も影響が出ていないか、想定内かを確認した

[artaco]

yokoさんのレビュー後の追加した対応は以下となります。 ・フォントサイズとwidthの指定にtailwind.config.jsを利用 ・Figma更新に伴い、チェックが付いている項目のテキストをlightGrayに変更

[artaco]

@KohnoTaiyo さん、レビューいただいた内容について対応を終えたので、以下の点を踏まえた上で、改めてご確認をお願いいたします。

・アイコンコンポーネントのCircleCheckについてはFigmaのデザインと合わせるためfillを追加しています。またサイズをlargeにすると崩れるため一旦middleを指定しています。 ・リストのコンポーネント化については、現状できる範囲でおこないました。 ・リストの材料をクリックするなどの対応は新しくissueを立てていただけたらと思います。