Hamza/maps-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): position map source switcher below navbar and fix missing Flame icon import in ExecutiveShowcase

Browse Source
This commit is contained in:
Hamza-Ayed
2026-08-18 13:05:36 +03:00
parent 5d813f3a3f
commit 8375773898
2 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/pages/ExecutiveShowcase.tsx
+3 -1
View File
@@ -22,7 +22,9 @@ import {
Plane, Plane,
Radar, Radar,
Sparkles, Sparkles,
ExternalLink ExternalLink,
Flame,
ShieldAlert
} from 'lucide-react'; } from 'lucide-react';
export const ExecutiveShowcase: React.FC = () => { export const ExecutiveShowcase: React.FC = () => {
apps/web/src/pages/IntelligenceDashboard.tsx
+5 -5
View File
@@ -42,7 +42,7 @@ const rasterStyle = (ref: any): any => ({
layers: [{ id: 'ref', type: 'raster', source: 'ref' }], layers: [{ id: 'ref', type: 'raster', source: 'ref' }],
}); });
const DEFAULT_SYSTEM_KEY = (import.meta as any).env.VITE_API_KEY || 'zP9vL5mK2nQ8xR7jT4wS1yB6hG3fV0cX'; const DEFAULT_SYSTEM_KEY = (import.meta as any).env.VITE_API_KEY;
const IntelligenceDashboard: React.FC = () => { const IntelligenceDashboard: React.FC = () => {
const [stats, setStats] = useState<any>(null); const [stats, setStats] = useState<any>(null);
@@ -691,8 +691,8 @@ const IntelligenceDashboard: React.FC = () => {
{/* Left Map: Our Data */} {/* Left Map: Our Data */}
<div style={{ flex: 1, position: 'relative', borderRight: '2px solid #0f172a' }}> <div style={{ flex: 1, position: 'relative', borderRight: '2px solid #0f172a' }}>
<div ref={leftDiv} style={{ width: '100%', height: '100%' }} /> <div ref={leftDiv} style={{ width: '100%', height: '100%' }} />
<div style={{ position: 'absolute', top: 10, left: 10, zIndex: 2, background: 'rgba(15,23,42,0.85)', border: '1px solid #334155', padding: '4px 10px', borderRadius: '20px', fontSize: '0.72rem', fontWeight: 600, pointerEvents: 'none' }}> <div style={{ position: 'absolute', top: 62, left: 16, zIndex: 30, background: 'rgba(15,23,42,0.92)', backdropFilter: 'blur(8px)', border: '1px solid #334155', padding: '6px 14px', borderRadius: '20px', fontSize: '0.8rem', fontWeight: 700, color: '#38bdf8', boxShadow: '0 4px 12px rgba(0,0,0,0.4)', pointerEvents: 'none' }}>
Our Map (Intaleq) 🗺️ خريطتنا السيادية (Intaleq Map)
</div> </div>
</div> </div>
@@ -700,9 +700,9 @@ const IntelligenceDashboard: React.FC = () => {
<div style={{ flex: 1, position: 'relative' }}> <div style={{ flex: 1, position: 'relative' }}>
<div ref={rightDiv} style={{ width: '100%', height: '100%' }} /> <div ref={rightDiv} style={{ width: '100%', height: '100%' }} />
<div style={{ position: 'absolute', top: 10, left: 10, right: 280, zIndex: 2, display: 'flex', gap: '6px', overflowX: 'auto', paddingBottom: '4px' }}> <div style={{ position: 'absolute', top: 62, left: 16, right: 20, zIndex: 30, display: 'flex', gap: '8px', overflowX: 'auto', paddingBottom: '4px' }}>
{(Object.keys(REFS) as Array<keyof typeof REFS>).map(k => ( {(Object.keys(REFS) as Array<keyof typeof REFS>).map(k => (
<button key={k} onClick={() => setRefKey(k)} style={{ background: refKey === k ? 'rgba(99,102,241,0.95)' : 'rgba(15,23,42,0.85)', border: '1px solid #334155', color: refKey === k ? 'white' : '#e2e8f0', padding: '4px 10px', borderRadius: '20px', fontSize: '0.72rem', fontWeight: 600, cursor: 'pointer', whiteSpace: 'nowrap', flexShrink: 0 }}> <button key={k} onClick={() => setRefKey(k)} style={{ background: refKey === k ? 'linear-gradient(135deg, #6366f1, #3b82f6)' : 'rgba(15,23,42,0.92)', backdropFilter: 'blur(8px)', border: refKey === k ? '1px solid #818cf8' : '1px solid #334155', color: refKey === k ? 'white' : '#cbd5e1', padding: '6px 14px', borderRadius: '20px', fontSize: '0.78rem', fontWeight: 700, cursor: 'pointer', whiteSpace: 'nowrap', flexShrink: 0, boxShadow: '0 4px 12px rgba(0,0,0,0.3)', transition: 'all 0.15s ease' }}>
{REFS[k].label} {REFS[k].label}
</button> </button>
))} ))}