gatekeeper/net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): remove invalid prop from ReactQueryDevtools

Browse Source
This commit is contained in:
cawcenter
2025-12-13 22:53:36 -05:00
parent 789a423b6f
commit ed815ddfd5
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/debug/DebugToolbar.tsx
View File

@@ -64,8 +64,8 @@ export default function DebugToolbar() {
key={tab} key={tab}
onClick={() => activeTab.set(tab)} onClick={() => activeTab.set(tab)}
className={`px-3 py-1 rounded text-xs uppercase font-medium transition-colors ${currentTab === tab className={`px-3 py-1 rounded text-xs uppercase font-medium transition-colors ${currentTab === tab
? 'bg-gray-700 text-white' ? 'bg-gray-700 text-white'
: 'text-gray-400 hover:text-white' : 'text-gray-400 hover:text-white'
}`} }`}
> >
{tab} {tab}
@@ -96,8 +96,8 @@ export default function DebugToolbar() {
<div key={log.id} className="flex gap-2 font-mono text-xs border-b border-gray-800/50 pb-1"> <div key={log.id} className="flex gap-2 font-mono text-xs border-b border-gray-800/50 pb-1">
<span className="text-gray-500 shrink-0">[{log.timestamp}]</span> <span className="text-gray-500 shrink-0">[{log.timestamp}]</span>
<span className={`shrink-0 w-12 font-bold uppercase ${log.type === 'error' ? 'text-red-500' : <span className={`shrink-0 w-12 font-bold uppercase ${log.type === 'error' ? 'text-red-500' :
log.type === 'warn' ? 'text-yellow-500' : log.type === 'warn' ? 'text-yellow-500' :
'text-blue-400' 'text-blue-400'
}`}> }`}>
{log.type} {log.type}
</span> </span>
@@ -121,8 +121,8 @@ export default function DebugToolbar() {
{currentTab === 'backend' && ( {currentTab === 'backend' && (
<div className="h-full p-6 flex flex-col items-center justify-center gap-4"> <div className="h-full p-6 flex flex-col items-center justify-center gap-4">
<div className={`text-4xl ${backendStatus === 'online' ? 'text-green-500' : <div className={`text-4xl ${backendStatus === 'online' ? 'text-green-500' :
backendStatus === 'error' ? 'text-red-500' : backendStatus === 'error' ? 'text-red-500' :
'text-yellow-500 animate-pulse' 'text-yellow-500 animate-pulse'
}`}> }`}>
{backendStatus === 'online' ? '● Online' : {backendStatus === 'online' ? '● Online' :
backendStatus === 'error' ? '✖ Error' : '● Checking...'} backendStatus === 'error' ? '✖ Error' : '● Checking...'}
@@ -167,7 +167,7 @@ export default function DebugToolbar() {
</div> </div>
{/* We force mount devtools panel here if possible */} {/* We force mount devtools panel here if possible */}
<QueryClientProvider client={queryClient}> <QueryClientProvider client={queryClient}>
<ReactQueryDevtools initialIsOpen={true} panelPosition="relative" /> <ReactQueryDevtools initialIsOpen={true} />
</QueryClientProvider> </QueryClientProvider>
</div> </div>
)} )}