作り方タブ & 材料タブ 作成

[daiki-kon]

関連するチケット

Close #9

やったこと

このプルリクで何をしたのか？

• RecipeStepコンポーネントの作成
• ショッピングカートアイコン作成
• 材料コンポーネント作成
• Tabsコンポーネント作成
• Recipeページの作成

動作確認

• デスクトップ

  

• スマホ

  

その他

レビュワーへの参考情報（実装上の懸念点や注意点などあれば記載）

• mainブランチにレシピページへリンクするコードがなかったので \ http://localhost:3000/recipe/1 の直リンクで確認していただけると🙏

• レシピのお気に入り登録ボタンは別で作ってると思うので適当なボタンを入れてます

• AllAddToCartButtonと IngredientListItem コンポーネントはボタンの要素があるのでクライアントコンポーネントにしてます。またボタンクリック時の処理は書いてないです。

• snsアイコンはシェフのページと共通になりそうなので仮で置いてます。

• FIgmaからデスクトップのデザインがなくなってるので、デスクトップは感覚で設定してます🙏

[yasuk-0714]

hirokiさんが新しいデザインをもとに、修正対応を行い、再度レビューを行う。