From dda8323b452bd3d3054d5bbdd607ce5c7a27a6a4 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Sun, 1 Feb 2026 21:48:28 +0300
Subject: [PATCH] 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.
---
 src/components/layout/AppShell/AppShell.tsx | 23 +--------------------
 1 file changed, 1 insertion(+), 22 deletions(-)

diff --git a/src/components/layout/AppShell/AppShell.tsx b/src/components/layout/AppShell/AppShell.tsx
index 238cf51..f857cdc 100644
--- a/src/components/layout/AppShell/AppShell.tsx
+++ b/src/components/layout/AppShell/AppShell.tsx
@@ -1,7 +1,6 @@
 import { useEffect, useState, useCallback, useRef } from 'react';
 import { useLocation, useNavigate, Link } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
-import { AnimatePresence, motion } from 'framer-motion';
 import { useTranslation } from 'react-i18next';
 
 import { useAuthStore } from '@/store/auth';
@@ -30,8 +29,6 @@ import { MobileBottomNav } from './MobileBottomNav';
 import { AppHeader } from './AppHeader';
 import { Aurora } from './Aurora';
 
-import { slideUp, slideUpTransition } from '@/components/motion/transitions';
-
 // Desktop nav icons
 const HomeIcon = ({ className }: { className?: string }) => (
   <svg
@@ -502,25 +499,7 @@ export function AppShell({ children }: AppShellProps) {
       <div className="lg:hidden" style={{ height: headerHeight }} />
 
       {/* Main content */}
-      <main className="mx-auto max-w-6xl px-4 py-6 pb-28 lg:px-6 lg:pb-8">
-        {/* 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>
+      <main className="mx-auto max-w-6xl px-4 py-6 pb-28 lg:px-6 lg:pb-8">{children}</main>
 
       {/* Mobile Bottom Navigation */}
       <MobileBottomNav