issue #16 ジャンルを選択し、それに応じておすすめの店を表示

[Yuki-TU]

実装内容

• MainContent.tsx
  • SelectGenre.tsxとRestaurantList.tsxの親コンポーネント
• SelectGenre.tsx
  • ジャンルを選択するプルダウンと検索ボタンのコンポーネント
• RestaurantList.tsx
  • レストラン一覧の結果表示を行うコンポーネント
• SelectGenre.test.tsx, RestaurantList.test.tsx
  • SelectGenre.tsx,RestaurantList.tsxのテストコード
• api.ts
  • apiリスト
  • APIの処理はこのファイル内に記述
• __mocks__/api.ts
  • テストで使用するmocks
  • テストでは、apiを直接たたきたくないため、予めダミーのレスポンスをこのファイルに記述

仕様

• プルダウンよりジャンルを選択し、「現在地よりお店を検索する」を押下すると、現在地より500m圏内の選択ジャンルに応じたお店をカードにて表示する。
• ジャンルを選択しないで、「現在地よりお店を検索する」を押下すると、ジャンルを選択してくださいと警告を表示する。
• 各カードに付随する設定、ハート、共有アイコンは現バージョンでは機能しない。
• 各カードに付随する折りたたみアイコンを押下するとお店へのアクセス、住所を表示し、再び押下すると折りたたまれる。
• カード表示中にジャンルを変更すると、ジャンルに応じて再検索され、カードが再表示される。

実装画像

PC表示

モバイル表示

issue

closes #16