AJR/TechradarDev
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: redirection directe vers team.html + bouton retour

Browse Source 
- Page team.tsx fait redirection immédiate vers /team.html (évite conflits React)
- Ajout bouton retour dans header de team.html vers l'accueil
- Évite tous les conflits entre scripts JavaScript et React

Cette approche simple devrait :
- Afficher les visualisations équipe correctement
- Permettre la navigation retour avec le bouton ajouté
This commit is contained in:
syoul
2025-12-09 13:01:27 +01:00
parent 7097490439
commit a4bc477520
2 changed files with 13 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
Dockerfile.business
View File

@@ -98,59 +98,20 @@ RUN echo "📊 Comptage des fichiers .md dans .techradar/data/radar" && \
# La page Next.js pour le routing, le HTML statique pour garantir l'affichage # La page Next.js pour le routing, le HTML statique pour garantir l'affichage
RUN mkdir -p .techradar/src/pages && \ RUN mkdir -p .techradar/src/pages && \
cat > .techradar/src/pages/team.tsx << 'EOF' cat > .techradar/src/pages/team.tsx << 'EOF'
import { useEffect, useState } from 'react'; import { useEffect } from 'react';
export default function TeamPage() { export default function TeamPage() {
const [loaded, setLoaded] = useState(false);
useEffect(() => { useEffect(() => {
// Petit délai pour laisser Next.js finir son rendu // Redirection immédiate vers team.html
const timer = setTimeout(() => { // Cela évite les conflits avec les scripts JavaScript
setLoaded(true); if (typeof window !== 'undefined') {
}, 100); console.log('🔄 TEAM PAGE: Redirection vers /team.html');
window.location.replace('/team.html');
return () => clearTimeout(timer); }
}, []); }, []);
// Rendu direct de l'iframe dans le composant React // Ne rien rendre - la redirection va prendre le relais
if (loaded) { return null;
return (
<iframe
src="/team.html"
style={{
width: '100vw',
height: '100vh',
border: 'none',
position: 'fixed',
top: 0,
left: 0,
zIndex: 9999,
background: '#1a4d3a'
}}
title="Équipe & Technologies"
/>
);
}
// Pendant le chargement
return (
<div style={{
width: '100vw',
height: '100vh',
background: '#1a4d3a',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
position: 'fixed',
top: 0,
left: 0,
zIndex: 9999
}}>
<div style={{color: 'white', fontSize: '18px'}}>
Chargement des visualisations équipe...
</div>
</div>
);
} }
EOF EOF
RUN echo "✅ Page team.tsx créée (version ultra-simplifiée)" && \ RUN echo "✅ Page team.tsx créée (version ultra-simplifiée)" && \

4
public/team.html
View File

@@ -218,6 +218,10 @@
<body> <body>
<div class="container"> <div class="container">
<header> <header>
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<a href="/" style="color: #4ade80; text-decoration: none; font-size: 18px; font-weight: bold;">← Retour au Radar</a>
<div></div>
</div>
<h1>👥 Équipe & Technologies</h1> <h1>👥 Équipe & Technologies</h1>
<p>Visualisation des compétences et identification de l'équipe de genèse MVP</p> <p>Visualisation des compétences et identification de l'équipe de genèse MVP</p>
</header> </header>