mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 09:33:46 +00:00
fix: remove page transition animations to prevent flashing
AnimatePresence was causing black flash between page transitions. Removed page-level animations - stagger animations inside pages still work.
This commit is contained in:
@@ -1,7 +1,6 @@
|
|||||||
import { useEffect, useState, useCallback, useRef } from 'react';
|
import { useEffect, useState, useCallback, useRef } from 'react';
|
||||||
import { useLocation, useNavigate, Link } from 'react-router-dom';
|
import { useLocation, useNavigate, Link } from 'react-router-dom';
|
||||||
import { useQuery } from '@tanstack/react-query';
|
import { useQuery } from '@tanstack/react-query';
|
||||||
import { AnimatePresence, motion } from 'framer-motion';
|
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
|
|
||||||
import { useAuthStore } from '@/store/auth';
|
import { useAuthStore } from '@/store/auth';
|
||||||
@@ -30,8 +29,6 @@ import { MobileBottomNav } from './MobileBottomNav';
|
|||||||
import { AppHeader } from './AppHeader';
|
import { AppHeader } from './AppHeader';
|
||||||
import { Aurora } from './Aurora';
|
import { Aurora } from './Aurora';
|
||||||
|
|
||||||
import { slideUp, slideUpTransition } from '@/components/motion/transitions';
|
|
||||||
|
|
||||||
// Desktop nav icons
|
// Desktop nav icons
|
||||||
const HomeIcon = ({ className }: { className?: string }) => (
|
const HomeIcon = ({ className }: { className?: string }) => (
|
||||||
<svg
|
<svg
|
||||||
@@ -502,25 +499,7 @@ export function AppShell({ children }: AppShellProps) {
|
|||||||
<div className="lg:hidden" style={{ height: headerHeight }} />
|
<div className="lg:hidden" style={{ height: headerHeight }} />
|
||||||
|
|
||||||
{/* Main content */}
|
{/* Main content */}
|
||||||
<main className="mx-auto max-w-6xl px-4 py-6 pb-28 lg:px-6 lg:pb-8">
|
<main className="mx-auto max-w-6xl px-4 py-6 pb-28 lg:px-6 lg:pb-8">{children}</main>
|
||||||
{/* Disable animations in admin pages (scroll restoration conflicts with animations) */}
|
|
||||||
{location.pathname.startsWith('/admin') ? (
|
|
||||||
children
|
|
||||||
) : (
|
|
||||||
<AnimatePresence mode="wait" initial={false}>
|
|
||||||
<motion.div
|
|
||||||
key={location.pathname}
|
|
||||||
variants={slideUp}
|
|
||||||
initial="initial"
|
|
||||||
animate="animate"
|
|
||||||
exit="exit"
|
|
||||||
transition={slideUpTransition}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</motion.div>
|
|
||||||
</AnimatePresence>
|
|
||||||
)}
|
|
||||||
</main>
|
|
||||||
|
|
||||||
{/* Mobile Bottom Navigation */}
|
{/* Mobile Bottom Navigation */}
|
||||||
<MobileBottomNav
|
<MobileBottomNav
|
||||||
|
|||||||
Reference in New Issue
Block a user