pinのmini情報からスライド画面と詳細情報が表示されるようにする

[copetit]

やること

• 詳細情報を表示させるためのスライド画面を出す
• スライド画面いは詳細情報を表示する
• 表示させるものはFigmaを確認
• デザインは不要

参考URL

[copetit]

途中やること整理

• [x] 詳細ページを開くボタンのデザイン作成

• [x] imgを全部表示させる

• [ ] スライドが表示されたるとinfowindowと被ってしまうので、スライドで移動された分、mapも横に移動されるようにする。

  

• [ ] mapを押すと閉じられるようにする　これはこのissueと関係ありそう #93

[copetit]

やったこと

• 上記のコメントらを確認ください。
• チェックが付いてないのは時間がかかりそうなのでやってないです。状況を見て別のissueを作るかで対応したいです。

確認方法

• 新しい情報登録をし、infowindowに詳細ページボタンができていること

  

• そのボタンを押すと登録した情報が入っているSlideが右から出るのか（issue概要でも書きましたがデザインはここではやりません。）

• slideアニメーションは適切なのか(ゆっくり出るアニメーションのこと)

• slide幅は適切なのか

わからない

Warning: Each child in a list should have a unique "key" prop. consoleからのエラーです。どこでエラーが出てるか分かりませんが、多分DetailPage.tsxのmapのところかな、、 直そうとしたけどkeyに何を入れればいいか分からず諦めました。

※ infowindwの❌ボタンを押すとslideも消えます。 ※ Slide画面はスクロールが可能です。

[shhwan]

h2. 確認しました

h3. わからない Warning: Each child in a list should have a unique "key" prop. に関してコメントつけましたご確認ください。 https://github.com/copetit/whereareyou/pull/102#pullrequestreview-870587488

h3. Slideに関して

• アニメーション　良いと思います。
• 幅に関してはちょっと減らしても良い気もします。 表示される内容に比べてちょっと広い気がします、、
• infowindwの❌ボタンを押すとslideも消えます これに関してですが、Xで一緒になくなるのは全然良いと思います。 Plusで＞ボタンを押した後は＜に変わって、またそれを押すとなくなる　← この機能も追加されたらいいかもとちょっと思いました。 でもこれは多分　「mapを押すと閉じられるようにする」これができたらいらないかもです。

h3. 他

• スライドが表示されたるとinfowindowと被ってしまうので、スライドで移動された分、mapも横に移動されるようにする これに関してですが、Slideの幅を少々減らすと 人間は普通押す場所を真ん中にすると思いますし、　「mapを押すと閉じられるようにする」が実装されたら そこまで気にならない　＋　「infowindowと被ってしまうので、スライドで移動された分、mapも横に移動されるようにする」は必要ないかもとちょっと思いました。

[copetit]

key propエラーの対処方法ありがとうございます。エラーが消えました。 スライドの幅は33.333％にしました。実際に詳細ページのデザインを入れてからまた調整できればなと思います。 Infowindowとその他の件も承知しました。フィードバックありがとうございます。

[shhwan]

修正ありがとうございます。33.333で一旦問題ないと思います。 他動作に問題ないこと確認してマージしました。