投稿詳細・投稿編集画面の作成（Desktop16,17）

[choimaru]

概要

• 投稿詳細画面（Desktop-16）、投稿編集画面の作成（Desktop-17）を作成する。
  • 投稿詳細画面　⇒　pages/posts/detail/[id].tsx
  • 投稿編集画面　⇒　pages/posts/edit/[id].tsx

詳細

投稿詳細画面

• 放送一覧画面（Desktop-2）及び、投稿作成画面（Desktop-15）から遷移される。
• 遷移時は投稿詳細画面URLのパスパラメータ（id）にstreamsのIDを付与してもらう。
• 放送ID（パスパラメータ）をキーにしてstreamsから放送データを取得する。
• 放送ID（パスパラメータ）とユーザIDをキーにしてpostsから投稿データを取得する。
• ユーザIDをキーにしてusersからユーザデータを取得する。
• 編集ボタン押下で投稿編集画面に遷移する。
• 削除ボタン押下で投稿を削除する。削除後の画面遷移をどうするか　⇒　放送一覧画面 or 投稿作成画面。

投稿編集画面

• 放送詳細画面（Desktop-16）から遷移される。
• 遷移時のパスパラメータ（id）はstreamsのIDを付与してもらう。（詳細画面と同じID）
• 放送データ、投稿データ、ユーザデータが必要だが、詳細画面からpropsで渡してもらうか詳細画面と同じようにパスパラメータから順番に取得していくか。
• 保存するボタン押下で投稿データを登録する。登録後の画面遷移をどうするか　⇒　そのまま or 投稿詳細画面 or 放送一覧画面 or 投稿作成画面。
• キャンセルボタン押下で投稿詳細画面に戻る。

課題

• ユーザIDの取得方法。firabaseのAuthから？その時に取得できるのはusersのドキュメントIDなのかコレクションのユーザIDなのかどうか。
• postsやusersのデータ操作方法（CRUD）。