Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5d30d1f4a1 | |||
| ce2cab3404 | |||
| 035d4f0385 | |||
| 5e4007160c | |||
| eca244f9d4 | |||
| 95b43dceec | |||
| 01d9703aec | |||
| 8e5dca471e | |||
| cc27c00991 | |||
| c0965cb7d7 | |||
| 5f7b728463 | |||
| b0c552562a |
@@ -18,16 +18,13 @@ export function DevMenu() {
|
|||||||
const [isOpen, setIsOpen] = useState(false);
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
const [activeTab, setActiveTab] = useState<Tab>('resources');
|
const [activeTab, setActiveTab] = useState<Tab>('resources');
|
||||||
|
|
||||||
const isEnabled = import.meta.env.DEV || localStorage.getItem('token-empire-dev-menu') === 'true';
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!isEnabled) return;
|
|
||||||
const handler = () => setIsOpen((o) => !o);
|
const handler = () => setIsOpen((o) => !o);
|
||||||
window.addEventListener('toggle-dev-menu', handler);
|
window.addEventListener('toggle-dev-menu', handler);
|
||||||
return () => window.removeEventListener('toggle-dev-menu', handler);
|
return () => window.removeEventListener('toggle-dev-menu', handler);
|
||||||
}, [isEnabled]);
|
}, []);
|
||||||
|
|
||||||
if (!isEnabled || !isOpen) return null;
|
if (!isOpen) return null;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="fixed bottom-4 right-4 z-50 w-[440px] max-h-[520px] flex flex-col bg-surface-900 border border-surface-700 rounded-lg shadow-2xl">
|
<div className="fixed bottom-4 right-4 z-50 w-[440px] max-h-[520px] flex flex-col bg-surface-900 border border-surface-700 rounded-lg shadow-2xl">
|
||||||
|
|||||||
Reference in New Issue
Block a user