ob/ob248.com
1
0
Fork 0
mirror of https://github.com/hex248/ob248.com.git synced 2026-02-09 11:13:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

removed projectHasPointer

Browse Source
This commit is contained in:
Oliver Bryan
2026-02-08 07:56:41 +00:00
parent 2295add9e4
commit a2d1549ede
2 changed files with 1 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/App.tsx
View File

@@ -55,7 +55,6 @@ function Home() {
const [activeProject, setActiveProject] = useState<number | null>(null); const [activeProject, setActiveProject] = useState<number | null>(null);
const [activeLocation, setActiveLocation] = useState<number | null>(null); const [activeLocation, setActiveLocation] = useState<number | null>(null);
const [activePhoto, setActivePhoto] = useState<string | null>(null); const [activePhoto, setActivePhoto] = useState<string | null>(null);
const [projectHasPointer, setProjectHasPointer] = useState(false);
const [asciiFile] = useState( const [asciiFile] = useState(
() => asciiFiles[Math.floor(Math.random() * asciiFiles.length)], () => asciiFiles[Math.floor(Math.random() * asciiFiles.length)],
); );
@@ -146,24 +145,6 @@ function Home() {
}; };
}, [activeProject, navigate, visibleProjects]); }, [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 ( return (
<div className="min-h-dvh flex flex-col items-center gap-2 text-2xl px-6 py-10"> <div className="min-h-dvh flex flex-col items-center gap-2 text-2xl px-6 py-10">
<div className="flex flex-col items-center gap-4 mb-4"> <div className="flex flex-col items-center gap-4 mb-4">
@@ -236,7 +217,6 @@ function Home() {
metadata={project.metadata} metadata={project.metadata}
isDevMode={isDevMode} isDevMode={isDevMode}
isActive={activeProject !== null && index === activeProject} isActive={activeProject !== null && index === activeProject}
enableHover={projectHasPointer}
/> />
))} ))}
</div> </div>
@@ -330,7 +310,6 @@ function Home() {
metadata={project.metadata} metadata={project.metadata}
isDevMode={isDevMode} isDevMode={isDevMode}
isActive={activeProject !== null && index === activeProject} isActive={activeProject !== null && index === activeProject}
enableHover={projectHasPointer}
/> />
))} ))}
</div> </div>

4
src/components/ProjectListItem.tsx
View File

@@ -6,12 +6,10 @@ export function ProjectListItem({
metadata, metadata,
isDevMode = false, isDevMode = false,
isActive = false, isActive = false,
enableHover = true,
}: { }: {
metadata: ProjectMetadata; metadata: ProjectMetadata;
isDevMode?: boolean; isDevMode?: boolean;
isActive?: boolean; isActive?: boolean;
enableHover?: boolean;
}) { }) {
const tags = metadata.tags ? [...metadata.tags].sort() : []; const tags = metadata.tags ? [...metadata.tags].sort() : [];
if (metadata.hidden && !isDevMode) return null; if (metadata.hidden && !isDevMode) return null;
@@ -21,7 +19,7 @@ export function ProjectListItem({
to={`/projects/${metadata.slug}`} to={`/projects/${metadata.slug}`}
className={cn( className={cn(
"group relative block flex flex-col justify-between transition-colors duration-200 border-2", "group relative block flex flex-col justify-between transition-colors duration-200 border-2",
enableHover && "hover:border-accent", "hover:border-accent",
isActive && "border-accent", isActive && "border-accent",
isDevMode && metadata.hidden && "border-dashed border-accent", isDevMode && metadata.hidden && "border-dashed border-accent",
)} )}