feat: création page Next.js /team et modification Navigation

- Script create-team-page.sh pour créer team.tsx et modifier Navigation - Page Next.js qui charge team.html dynamiquement - Lien Équipe ajouté directement dans le composant Navigation React - Plus fiable que l'injection JavaScript
2025-12-06 22:14:31 +01:00
parent 946a0f93b3
commit 7bc6c695b8
3 changed files with 119 additions and 0 deletions
--- a/scripts/create-team-page.sh
+++ b/scripts/create-team-page.sh
@@ -0,0 +1,88 @@
+#!/bin/bash
+
+# Script pour créer la page Next.js /team et modifier Navigation
+
+TECHRADAR_DIR=".techradar"
+TEAM_PAGE="$TECHRADAR_DIR/src/pages/team.tsx"
+NAV_FILE="$TECHRADAR_DIR/src/components/Navigation/Navigation.tsx"
+
+# Créer la page team.tsx
+if [ ! -f "$TEAM_PAGE" ]; then
+  mkdir -p "$(dirname "$TEAM_PAGE")"
+  cat > "$TEAM_PAGE" << 'EOF'
+import Head from "next/head";
+import { useEffect } from "react";
+import { CustomPage } from "@/pages/_app";
+
+const TeamPage: CustomPage = () => {
+  useEffect(() => {
+    // Charger le contenu de team.html dans cette page
+    const loadTeamPage = async () => {
+      try {
+        const response = await fetch('/team.html');
+        if (response.ok) {
+          const html = await response.text();
+          const parser = new DOMParser();
+          const doc = parser.parseFromString(html, 'text/html');
+          const content = doc.body.innerHTML;
+          const container = document.getElementById('team-container');
+          if (container) {
+            container.innerHTML = content;
+            // Réexécuter les scripts
+            const scripts = container.querySelectorAll('script');
+            scripts.forEach(oldScript => {
+              const newScript = document.createElement('script');
+              Array.from(oldScript.attributes).forEach(attr => {
+                newScript.setAttribute(attr.name, attr.value);
+              });
+              newScript.textContent = oldScript.textContent;
+              oldScript.parentNode?.replaceChild(newScript, oldScript);
+            });
+          }
+        }
+      } catch (error) {
+        console.error('Erreur lors du chargement de team.html:', error);
+      }
+    };
+    loadTeamPage();
+  }, []);
+
+  return (
+    <>
+      <Head>
+        <title>Équipe & Technologies - Laplank</title>
+      </Head>
+      <div id="team-container" style={{ minHeight: '100vh' }}>
+        <div style={{ textAlign: 'center', padding: '40px' }}>
+          <p>Chargement de la page Équipe...</p>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default TeamPage;
+EOF
+  echo "✅ Page team.tsx créée"
+else
+  echo "ℹ️ Page team.tsx existe déjà"
+fi
+
+# Modifier Navigation.tsx pour ajouter le lien
+if [ -f "$NAV_FILE" ]; then
+  if ! grep -q 'href="/team"' "$NAV_FILE"; then
+    # Ajouter le lien après Overview
+    sed -i '/href="\/overview"/a\
+        <li className={styles.item}>\
+          <Link href="/team">\
+            <span className={styles.label}>👥 Équipe</span>\
+          </Link>\
+        </li>' "$NAV_FILE"
+    echo "✅ Lien Équipe ajouté au composant Navigation"
+  else
+    echo "ℹ️ Lien Équipe déjà présent dans Navigation"
+  fi
+else
+  echo "⚠️ Navigation.tsx non trouvé"
+fi
+