From ecd63aea48d8477ae650880ee45a628cc0f93cc4 Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Mon, 6 Mar 2023 09:27:49 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A5=20Remove=20page=20animations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/layouts/standard-layout.tsx  | 17 ++---------------
 1 file changed, 2 insertions(+), 15 deletions(-)

diff --git a/apps/web/src/components/layouts/standard-layout.tsx b/apps/web/src/components/layouts/standard-layout.tsx
index e08da764499..10f7805dfbd 100644
--- a/apps/web/src/components/layouts/standard-layout.tsx
+++ b/apps/web/src/components/layouts/standard-layout.tsx
@@ -1,5 +1,4 @@
-import { AnimatePresence, domMax, LazyMotion, m } from "framer-motion";
-import { useRouter } from "next/router";
+import { domMax, LazyMotion, m } from "framer-motion";
 import React from "react";
 
 import { DayjsProvider } from "@/utils/dayjs";
@@ -12,7 +11,6 @@ import { MobileNavigation } from "./standard-layout/mobile-navigation";
 const StandardLayout: React.FunctionComponent<{
   children?: React.ReactNode;
 }> = ({ children, ...rest }) => {
-  const router = useRouter();
   return (
     <LazyMotion features={domMax}>
       <UserProvider>
@@ -20,18 +18,7 @@ const StandardLayout: React.FunctionComponent<{
           <ModalProvider>
             <div className={"bg-pattern relative min-h-full"} {...rest}>
               <MobileNavigation />
-              <div className="mx-auto max-w-4xl">
-                <AnimatePresence initial={false} exitBeforeEnter={true}>
-                  <m.div
-                    key={router.asPath}
-                    initial={{ opacity: 0, y: -50 }}
-                    animate={{ opacity: 1, y: 0 }}
-                    exit={{ opacity: 0, y: -50 }}
-                  >
-                    {children}
-                  </m.div>
-                </AnimatePresence>
-              </div>
+              <div className="mx-auto max-w-4xl">{children}</div>
             </div>
           </ModalProvider>
         </DayjsProvider>