feat: TimerControlsに「TIME Revert」ボタンと「リセット」ボタンを追加

[tanahiro2010]

概要

タイマーアプリに「時間巻き戻し」機能を追加しました。
ユーザーがタイマーを最後に設定した時刻へ戻せるようになっています。

変更内容

新機能：時間巻き戻し

• App.tsx に revertTimer 関数を追加

  • タイマーを最後に設定した時刻へ復元
  • アラーム状態を停止
  • 「時間切れ」状態をリセット

• App から TimerControls に onRevert プロパティを追加

UI 更新

• TimerControls にリバート用ボタンを追加
• ボタン押下時に onRevert を実行するよう変更

※ ボタンラベルは Restore Timer に変更しています。

型定義の更新

• types.ts

  • TimerControlsProps に onRevert を追加

• TimerControls

  • 新しい onRevert プロパティを受け取るよう更新

[Copilot]

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Adds a “time revert” capability to restore the timer back to the most recently set duration, exposed via the timer controls UI.

Changes:

• Extend TimerControlsProps with a new onRevert callback.
• Add a “Time Revert” button to TimerControls wired to onRevert.
• Implement revertTimer in App to restore from lastSetTime and pass it down.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.

File	Description
src/types.ts	Adds onRevert to the timer controls props contract.
src/components/TimerControls.tsx	Wires a new “Time Revert” control button to the new callback.
src/App.tsx	Implements revertTimer behavior and passes it into TimerControls.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[tanahiro2010]

refactor: change handler's name

[Copilot]

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.

[tanahiro2010]

@shinya @shinya-saita please review

[shinya]

@tanahiro2010
ありがとうございます。また、フィードバックが遅れてしまい申し訳ありません。
いくつか改善していただきたい点があります。

まず、テストしてみたところ、添付の画像にあるように、ボタンが伸びてしまい、レイアウトが崩れています。
これを修正してほしいです。

また、その結果として、ボタンの名前は単に「Restore」にしてください。これがタイマーであることは明らかなので。
そうすればボタンの長さが短くなるため、レイアウトの問題も解決すると思います。

また、ボタンの色は他の部分とは異なる色にしていただきたいです。
特に強い希望はありませんが、デザイン全体のバランスを考慮すると、グレーとかですかね。
（別にそれ以外でもOKです。同じ色は避けたいです。）