セットリストの基本情報入力画面を追加する

[hikarook94]

Issue: #100

概要

• App.jsにルーティングを集約しました
• リネーム
  • SetlistsViewer -> Setlists
  • SetlistViewer -> Setlist
• ルーティングにsetlists/newを追加
• SetlistCreateコンポーネントの追加
• SetlistFormを追加（基本情報入力画面）
• SetlistSongSelectを追加
• SetlistForm-> SetlistSongSelect への画面遷移を追加

画面キャプチャ

setlists/new

[hikarook94]

夕会でも話したように、複数のページにまたがるフォームなどではブラウザの戻るなどでの挙動についても確認しておく必要があると思っています。 stateで管理するよりはreact-routerを使ってurlを書き換えてページ遷移させるなどもありかもしれません。 https://www.react-hook-form.com/advanced-usage/#WizardFormFunnel ただ、考慮することが多そうで実装が難航しそうなら一旦現在の方針で進めて後々改善していく流れでも良いかなとは思っています。

React Routerでページ遷移するよう修正しました。navigateでページ遷移する際に引数で入力データを渡すようにしました。 該当コミットは以下です。

• 8fb034a
• fbc29e2
• 155d35e