From 67a0be0656896785cf6abbdf761555c50511c05e Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 8 Mar 2026 14:13:39 +0000
Subject: [PATCH] Add haptic feedback when switching navbar tabs

---
 src/App.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 1a20bbe..ba81985 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -19,6 +19,7 @@ import CraftingTable from './components/CraftingTable';
 import SpaceInvaders from './components/SpaceInvaders';
 import GameLog from './components/GameLog';
 import AuthUpgrade from './components/AuthUpgrade';
+import { useHaptics } from './hooks/useHaptics';
 import './App.css';
 
 interface Tab {
@@ -40,6 +41,7 @@ function GameUI() {
   const { t } = useTranslation();
   const [activeTab, setActiveTab] = useState('planet');
   const ActiveComponent = TABS.find(t => t.id === activeTab)!.component;
+  const haptics = useHaptics();
 
   return (
     <div className="game-container">
@@ -64,7 +66,7 @@ function GameUI() {
           <button
             key={tab.id}
             className={`nav-tab ${activeTab === tab.id ? 'active' : ''}`}
-            onClick={() => setActiveTab(tab.id)}
+            onClick={() => { if (tab.id !== activeTab) { haptics.tap(); setActiveTab(tab.id); } }}
           >
             {tab.emoji} {t(tab.labelKey)}
           </button>