fix: Enable DevTools on testing domains (*.runfoo.run)
Some checks failed
Deploy to Production / deploy (push) Failing after 0s
Test / backend-test (push) Failing after 0s
Test / frontend-test (push) Failing after 0s

This commit is contained in:
fullsizemalt 2025-12-11 11:08:05 -08:00
parent 4663b0ac86
commit 6808446ff0

View file

@ -28,8 +28,9 @@ export function DevTools() {
const [isLoading, setIsLoading] = useState<string | null>(null); const [isLoading, setIsLoading] = useState<string | null>(null);
const [error, setError] = useState<string | null>(null); const [error, setError] = useState<string | null>(null);
// Only show in development or when explicitly enabled // Show in development, when explicitly enabled, or on testing domains (*.runfoo.run)
const isDev = import.meta.env.DEV || import.meta.env.VITE_DEV_TOOLS === 'true'; const isTestingDomain = typeof window !== 'undefined' && window.location.hostname.endsWith('runfoo.run');
const isDev = import.meta.env.DEV || import.meta.env.VITE_DEV_TOOLS === 'true' || isTestingDomain;
if (!isDev) return null; if (!isDev) return null;
const handleQuickLogin = async (devUser: DevUser) => { const handleQuickLogin = async (devUser: DevUser) => {
@ -115,8 +116,8 @@ export function DevTools() {
onClick={() => handleQuickLogin(devUser)} onClick={() => handleQuickLogin(devUser)}
disabled={isLoading !== null} disabled={isLoading !== null}
className={`w-full flex items-center gap-3 p-2 rounded-lg text-left transition-all ${user?.email === devUser.email className={`w-full flex items-center gap-3 p-2 rounded-lg text-left transition-all ${user?.email === devUser.email
? 'bg-emerald-50 dark:bg-emerald-900/20 border-2 border-emerald-500' ? 'bg-emerald-50 dark:bg-emerald-900/20 border-2 border-emerald-500'
: 'bg-slate-50 dark:bg-slate-700/50 hover:bg-slate-100 dark:hover:bg-slate-700 border-2 border-transparent' : 'bg-slate-50 dark:bg-slate-700/50 hover:bg-slate-100 dark:hover:bg-slate-700 border-2 border-transparent'
} ${isLoading === devUser.email ? 'opacity-50' : ''}`} } ${isLoading === devUser.email ? 'opacity-50' : ''}`}
> >
<div className={`w-8 h-8 rounded-full ${devUser.color} flex items-center justify-center text-white text-xs font-bold`}> <div className={`w-8 h-8 rounded-full ${devUser.color} flex items-center justify-center text-white text-xs font-bold`}>