feat: Add a delay to the reveal highlight wrapped container

Losses · Nov 25, 2024 · 55a5f9c · 55a5f9c
1 parent f20fb85
commit 55a5f9c
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/lib/widgets/tile/tile.dart b/lib/widgets/tile/tile.dart
@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:fluent_ui/fluent_ui.dart';
 
 import '../../widgets/navigation_bar/utils/activate_link_action.dart';
@@ -24,6 +26,8 @@ class TileState extends State<Tile> {
   bool _isHovered = false;
   bool _isFocused = false;
 
+  Timer? _delayTimer;
+
   final FocusNode _focusNode = FocusNode(debugLabel: 'Tile');
 
   @override
@@ -44,6 +48,20 @@ class TileState extends State<Tile> {
     });
   }
 
+  void _handleDelayedPress() {
+    if (widget.onPressed == null) return;
+
+    // Cancel any existing timer
+    _delayTimer?.cancel();
+
+    // Create new timer for 50ms delay
+    _delayTimer = Timer(const Duration(milliseconds: 50), () {
+      if (mounted) {
+        widget.onPressed?.call();
+      }
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     final theme = FluentTheme.of(context);
@@ -68,7 +86,7 @@ class TileState extends State<Tile> {
     }
 
     return GestureDetector(
-      onTap: widget.onPressed,
+      onTap: _handleDelayedPress,
       child: FocusableActionDetector(
         focusNode: _focusNode,
         onShowFocusHighlight: _handleFocusHighlight,