新幹線問題のUIからundoできる気がする

スマホで編集していると、ちょうどいい場所にspinnerがでて、✔マークになる

なんだから、ここからundoができそうなものだ

いきなりundoしてしまうとまずいので、ワンクッション必要だろうけど

clickで undo this change? みたいなボタンに変わって、再clickでundoとかどうだろう？

popup menuにいれるというのもある。iOSはそうなっている。

若者は知らないだろうが、 iPhone デフォルトの undo はデバイスのシェイクでできますね。

shakeは異常な操作すぎて忘れてたけど、そういえば昔作ってた

popup menu 混んできたので、できれば新しいボタンを増やしたくない

新幹線問題UIを使ったバージョンを作っています

https://github.com/nota/scrapbox/pull/1997

コードがゴチャっとしてきた

元々stateが分かりづらかったsync status barに

「チェックマーククリックでundoボタンを出すべきか」というstateが加わったので、よくわからなくなった

sync status barコンポーネントのstateとしてundo UIの状態を持たせる必要は無い

✔を個別のコンポーネントにして、その中でやればいい気がする

クリックしたらundo出すとか出さないかとかは、syncのstatusと関係ない

たしかに。直します

全体的に読みやすくSyncStatusBar をリファクタリングします

sync status bar自体は前と同じぐらいでよくて、✔マークが別コンポーネントになるだけでいい気がする

あと最近sub-renderを作るのではなく、render関数の中で子コンポーネントを宣言するのも便利な場合がある気がしている

でも今回はコレじゃなくて、普通に別コンポーネントにした方がいいですね

モバイルでundoしたい