christianV/CrazeAnalytix
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/CrazeAnalytix.git synced 2026-08-03 11:05:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: restore interactive Sync button in header

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-06-17 13:31:32 +02:00
parent b2c0e23136
commit e089888f51
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
App.tsx
+19 -6
View File
@@ -753,12 +753,25 @@ const App: React.FC = () => {
</div>
<div className="flex items-center gap-3 md:gap-4">
{/* Sync Indicators */}
<div className="flex items-center gap-1.5 text-xs text-slate-400 bg-slate-900 px-2.5 py-1 rounded border border-border/80">
<span className={`w-1.5 h-1.5 rounded-full bg-emerald-400 ${syncing ? 'animate-ping' : ''}`}></span>
<span className="font-mono text-[10px] uppercase font-bold tracking-wider">
Sync {lastUpdated ? new Date(lastUpdated).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) : '11:41'}
</span>
{/* Sync Button & Indicators */}
<div className="flex items-center gap-2">
<button
onClick={handleDataFetch}
disabled={syncing}
className={`flex items-center gap-1 px-2.5 py-1 bg-slate-900 border border-slate-800 rounded text-xs font-semibold transition-all active:scale-95
${syncing
? 'text-indigo-400/70 cursor-not-allowed'
: 'text-slate-300 hover:bg-slate-800'}`}
>
<RefreshIcon className={`w-3.5 h-3.5 ${syncing ? 'animate-spin' : ''}`} />
<span>{syncing ? 'Syncing...' : 'Sync'}</span>
</button>
<div className="flex items-center gap-1.5 text-xs text-slate-400 bg-slate-900 px-2.5 py-1 rounded border border-border/80">
<span className={`w-1.5 h-1.5 rounded-full bg-emerald-400 ${syncing ? 'animate-ping' : ''}`}></span>
<span className="font-mono text-[10px] uppercase font-bold tracking-wider">
Last: {lastUpdated ? new Date(lastUpdated).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) : '11:41'}
</span>
</div>
</div>
{/* Toggle Filters Action */}