fix(map): use useRef for hover timeout to prevent flyout flicker and immediate disappearance

components/blocks/InteractiveGermanyMap.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useState } from 'react';
+import React, { useState, useRef } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { MapPin, Factory, Zap, CheckCircle2, ArrowUpRight } from 'lucide-react';
 import Image from 'next/image';
@@ -38,10 +38,13 @@ export function InteractiveGermanyMap({
   hideStandorte = false
 }: InteractiveGermanyMapProps) {
   const [activeLocation, setActiveLocation] = useState<Location | null>(null);
-  const [hoverTimeout, setHoverTimeout] = useState<NodeJS.Timeout | null>(null);
+  const hoverTimeoutRef = useRef<NodeJS.Timeout | null>(null);
 
   const handleMouseEnter = (loc: Location) => {
-    if (hoverTimeout) clearTimeout(hoverTimeout);
+    if (hoverTimeoutRef.current) {
+      clearTimeout(hoverTimeoutRef.current);
+      hoverTimeoutRef.current = null;
+    }
     setActiveLocation(loc);
   };
 
@@ -49,7 +52,7 @@ export function InteractiveGermanyMap({
     const timeout = setTimeout(() => {
       setActiveLocation(null);
     }, 200);
-    setHoverTimeout(timeout);
+    hoverTimeoutRef.current = timeout;
   };
 
   const router = useRouter();

tests/task-12-links.test.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest';
 import fs from 'fs';
 import path from 'path';
-import { defaultLocations } from '../lib/map-data';
+import { defaultLocations, minorLocations } from '../lib/map-data';
 
 describe('Task 12 TDD - Bohrtechnik and Reference Links', () => {
   const deHomePath = path.join(process.cwd(), 'content', 'de', 'home.mdx');
@@ -27,10 +27,11 @@ describe('Task 12 TDD - Bohrtechnik and Reference Links', () => {
   });
 
   it('should verify that all reference projects in map-data have no href links', () => {
-    // Check that all defaultLocations of type 'project' have href undefined or removed
+    // Check that all minorLocations of type 'minor_node' have href undefined
-    const projects = defaultLocations.filter(loc => loc.type === 'project');
+    // since all projects were downgraded to minor nodes without links.
+    const projects = minorLocations.filter(loc => loc.type === 'minor_node');
     expect(projects.length).toBeGreaterThan(0);
-    
+
     projects.forEach(project => {
       expect(project.href).toBeUndefined();
     });