From 6c334eacd97911d17133a627458cad451a429fc0 Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Fri, 22 Aug 2025 12:21:32 -0500
Subject: [PATCH] simple route change animations

---
 src/app/router.tsx                            |  1 +
 src/app/routes/_authed.tsx                    |  2 +-
 .../core/components/animated-outlet.tsx       | 31 -------------------
 src/features/core/components/navbar.tsx       |  2 --
 4 files changed, 2 insertions(+), 34 deletions(-)
 delete mode 100644 src/features/core/components/animated-outlet.tsx

diff --git a/src/app/router.tsx b/src/app/router.tsx
index a9f3570..a3d9839 100644
--- a/src/app/router.tsx
+++ b/src/app/router.tsx
@@ -25,6 +25,7 @@ export function createRouter() {
       defaultPreload: 'intent',
       defaultErrorComponent: DefaultCatchBoundary,
       scrollRestoration: true,
+      defaultViewTransition: true
     }),
     queryClient,
   )
diff --git a/src/app/routes/_authed.tsx b/src/app/routes/_authed.tsx
index 84ea040..9ed65a3 100644
--- a/src/app/routes/_authed.tsx
+++ b/src/app/routes/_authed.tsx
@@ -1,4 +1,4 @@
-import { Outlet, redirect, createFileRoute } from "@tanstack/react-router";
+import { redirect, createFileRoute, Outlet } from "@tanstack/react-router";
 import Layout from "@/features/core/components/layout";
 import { useServerEvents } from "@/hooks/use-server-events";
 
diff --git a/src/features/core/components/animated-outlet.tsx b/src/features/core/components/animated-outlet.tsx
deleted file mode 100644
index 88fd953..0000000
--- a/src/features/core/components/animated-outlet.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Outlet, useRouter } from '@tanstack/react-router';
-import { AnimatePresence, motion } from 'framer-motion';
-
-const AnimatedOutlet = () => {
-  const router = useRouter();
-  
-  return (
-    <AnimatePresence mode="wait">
-      <motion.div
-        key={router.state.location.pathname}
-        initial={{ x: '100%', opacity: 0 }}
-        animate={{ x: 0, opacity: 1 }}
-        exit={{ x: '-100%', opacity: 0 }}
-        transition={{
-          type: 'tween',
-          duration: 0.3,
-          ease: 'easeInOut'
-        }}
-        style={{
-          position: 'absolute',
-          width: '100%',
-          height: '100%'
-        }}
-      >
-        <Outlet />
-      </motion.div>
-    </AnimatePresence>
-  );
-}
-
-export default AnimatedOutlet;
\ No newline at end of file
diff --git a/src/features/core/components/navbar.tsx b/src/features/core/components/navbar.tsx
index 858fcaf..1a03e78 100644
--- a/src/features/core/components/navbar.tsx
+++ b/src/features/core/components/navbar.tsx
@@ -10,8 +10,6 @@ const Navbar = () => {
   const isMobile = useIsMobile();
   const links = useLinks(user?.id, roles);
 
-  console.log('rendered')
-
   if (isMobile) return (
     <Paper component='nav' role='navigation' withBorder radius='lg' h='4rem' w='calc(100% - 2rem)' shadow='sm' pos='fixed' m='1rem' bottom='0' style={{ zIndex: 10 }}>
       <Group gap='xs' justify='space-around' h='100%' w='100%' px={{ base: 12, sm: 0 }}>