diff --git a/src/App.tsx b/src/App.tsx index 70b33ae9..7e86400b 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -55,7 +55,6 @@ function Home() { const [activeProject, setActiveProject] = useState(null); const [activeLocation, setActiveLocation] = useState(null); const [activePhoto, setActivePhoto] = useState(null); - const [projectHasPointer, setProjectHasPointer] = useState(false); const [asciiFile] = useState( () => asciiFiles[Math.floor(Math.random() * asciiFiles.length)], ); @@ -146,24 +145,6 @@ function Home() { }; }, [activeProject, navigate, visibleProjects]); - useEffect(() => { - const enablePointerInteraction = () => { - setProjectHasPointer(true); - }; - - window.addEventListener("pointermove", enablePointerInteraction, { - once: true, - }); - window.addEventListener("pointerdown", enablePointerInteraction, { - once: true, - }); - - return () => { - window.removeEventListener("pointermove", enablePointerInteraction); - window.removeEventListener("pointerdown", enablePointerInteraction); - }; - }, []); - return (
@@ -236,7 +217,6 @@ function Home() { metadata={project.metadata} isDevMode={isDevMode} isActive={activeProject !== null && index === activeProject} - enableHover={projectHasPointer} /> ))}
@@ -330,7 +310,6 @@ function Home() { metadata={project.metadata} isDevMode={isDevMode} isActive={activeProject !== null && index === activeProject} - enableHover={projectHasPointer} /> ))}
diff --git a/src/components/ProjectListItem.tsx b/src/components/ProjectListItem.tsx index c8a55896..62bc3290 100644 --- a/src/components/ProjectListItem.tsx +++ b/src/components/ProjectListItem.tsx @@ -6,12 +6,10 @@ export function ProjectListItem({ metadata, isDevMode = false, isActive = false, - enableHover = true, }: { metadata: ProjectMetadata; isDevMode?: boolean; isActive?: boolean; - enableHover?: boolean; }) { const tags = metadata.tags ? [...metadata.tags].sort() : []; if (metadata.hidden && !isDevMode) return null; @@ -21,7 +19,7 @@ export function ProjectListItem({ to={`/projects/${metadata.slug}`} className={cn( "group relative block flex flex-col justify-between transition-colors duration-200 border-2", - enableHover && "hover:border-accent", + "hover:border-accent", isActive && "border-accent", isDevMode && metadata.hidden && "border-dashed border-accent", )}