【イベント】【間取り編集】選択している色のStateをJotaiに置き換え

[atomisu0312]

Which feature would you like to see added or improve
【イベント】

Describe the solution you'd like
選択している色（バッググラウンドも）のStateをJotaiに置き換え

TODO
流れをざっくり書いておく(あとでサブIssue化するのもあり)

• JotaiによるState管理についてドキュメントを用意 #270
• 既存ロジックの確認
• storeの準備
• 選択色に特化したカスタムフックの準備
• ツール系(usePixelDraw, useCircleDraw, useTextAdd)から直接カスタムフックを呼び出す
• パレットコンポーネント(ColorPalette, ColorSingleSelector)からカスタムフックを呼び出す
• useCanvasDrawからのprops連鎖を除去
• VenueToolSubMenuからのprops連鎖を除去
• 残り(VenueEditorTemplate関連)のprops連鎖を抹消

Which directory to change
例：front/src/内でeventに紐づくもの全て

Describe alternatives you've considered
代替案があれば

Additional context
なし

[atomisu0312]

状況整理用メモ

graph TD
useColorPalette["useColorPalette(定義)"]
VenueEditorTemplate --> useColorPalette

VenueEditorTemplate  --> useCanvasDraw
VenueEditorTemplate --> VenueToolSubMenu

useCanvasDraw -->|"そのまま伝搬"| useToolSelect

useToolSelect -->|"そのまま伝搬"| usePixelDraw
useToolSelect -->|"そのまま伝搬"| useCircleDraw
useToolSelect -->|"そのまま伝搬"| useTextAdd -->|"一部活用"| useTextDialog

VenueToolSubMenu -->|"そのまま伝搬"| ColorPalette
VenueToolSubMenu -->|"そのまま伝搬"| ColorSingleSelector

Loading

実装順序として、大まかに以下のようにまとめられるはずです。

• storeの準備
• 選択色に特化したカスタムフックの準備
• ツール系(usePixelDraw, useCircleDraw, useTextAdd)から直接カスタムフックを呼び出す
• パレットコンポーネント(ColorPalette, ColorSingleSelector)からカスタムフックを呼び出す
• useCanvasDrawからのprops連鎖を除去
• VenueToolSubMenuからのprops連鎖を除去
• 残り(VenueEditorTemplate関連)のprops連鎖を抹消