timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 02:53:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile optimizations

Browse Source
This commit is contained in:
Timothy Pidashev
2026-04-06 14:42:08 -07:00
parent 997106eb92
commit 5ac736cad4
5 changed files with 5 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/about/intro.tsx
View File

@@ -13,9 +13,7 @@ export default function Intro() {
const inView = rect.top < window.innerHeight && rect.bottom > 0; const inView = rect.top < window.innerHeight && rect.bottom > 0;
const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload"; const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload";
const isSpaNav = !!(window as any).__astroNavigation; const isSpaNav = !!(window as any).__astroNavigation;
const mobile = window.innerWidth < 1024; if (inView && (isReload || isSpaNav)) {
if (inView && (mobile || isReload || isSpaNav)) {
setVisible(true); setVisible(true);
return; return;
} }

4
src/components/about/stats-alltime.tsx
View File

@@ -29,9 +29,7 @@ const Stats = () => {
const inView = rect.top < window.innerHeight && rect.bottom > 0; const inView = rect.top < window.innerHeight && rect.bottom > 0;
const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload"; const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload";
const isSpaNav = !!(window as any).__astroNavigation; const isSpaNav = !!(window as any).__astroNavigation;
const mobile = window.innerWidth < 1024; if (inView && (isReload || isSpaNav)) {
if (inView && (mobile || isReload || isSpaNav)) {
setSkipAnim(true); setSkipAnim(true);
setIsVisible(true); setIsVisible(true);
return; return;

4
src/components/about/stats-detailed.tsx
View File

@@ -36,9 +36,7 @@ const DetailedStats = () => {
const inView = rect.top < window.innerHeight && rect.bottom > 0; const inView = rect.top < window.innerHeight && rect.bottom > 0;
const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload"; const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload";
const isSpaNav = !!(window as any).__astroNavigation; const isSpaNav = !!(window as any).__astroNavigation;
const mobile = window.innerWidth < 1024; if (inView && (isReload || isSpaNav)) {
if (inView && (mobile || isReload || isSpaNav)) {
setSkipAnim(true); setSkipAnim(true);
setVisible(true); setVisible(true);
return; return;

4
src/components/about/timeline.tsx
View File

@@ -53,9 +53,7 @@ function TimelineCard({ item, index }: { item: (typeof timelineItems)[number]; i
const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload"; const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload";
const isSpaNav = !!(window as any).__astroNavigation; const isSpaNav = !!(window as any).__astroNavigation;
const mobile = window.innerWidth < 1024; if (inView && (isReload || isSpaNav)) {
if (inView && (mobile || isReload || isSpaNav)) {
setSkip(true); setSkip(true);
setVisible(true); setVisible(true);
return; return;

9
src/components/animate-in.tsx
View File

@@ -1,11 +1,6 @@
import { useEffect, useRef, useState } from "react"; import { useEffect, useRef, useState } from "react";
import { prefersReducedMotion } from "@/lib/reduced-motion"; import { prefersReducedMotion } from "@/lib/reduced-motion";
function isMobile(): boolean {
if (typeof window === "undefined") return false;
return window.innerWidth < 1024;
}
interface AnimateInProps { interface AnimateInProps {
children: React.ReactNode; children: React.ReactNode;
delay?: number; delay?: number;
@@ -32,9 +27,7 @@ export function AnimateIn({ children, delay = 0, threshold = 0.15 }: AnimateInPr
const isReload = (performance.getEntriesByType?.("navigation")?.[0] as PerformanceNavigationTiming)?.type === "reload"; const isReload = (performance.getEntriesByType?.("navigation")?.[0] as PerformanceNavigationTiming)?.type === "reload";
const isSpaNav = !!(window as any).__astroNavigation; const isSpaNav = !!(window as any).__astroNavigation;
// On mobile: skip animation for anything already in view (prevents flicker on navigation) if (inView && (isReload || isSpaNav)) {
// On desktop: only skip on reload or SPA nav
if (inView && (isMobile() || isReload || isSpaNav)) {
setSkip(true); setSkip(true);
setVisible(true); setVisible(true);
return; return;