Refactor

1 files changed, 31 insertions, 0 deletions

diff --git a/src2/pages/_app.js b/src2/pages/_app.js
new file mode 100644
index 00000000..6a40f4e6
--- /dev/null
+++ b/src2/pages/_app.js
@@ -0,0 +1,31 @@
+import '../styles/globals.css';
+import NextProgress from 'next-progress';
+import { useRouter } from 'next/router';
+import { AnimatePresence } from 'framer-motion';
+import { Toaster } from "react-hot-toast";
+
+function MyApp({ Component, pageProps }) {
+  const router = useRouter();
+
+  return (
+    <>
+      <Toaster
+        position="top-center"
+        toastOptions={{
+          duration: 3000,
+          className: 'border border-gray_r-8'
+        }}
+      />
+      <NextProgress color="#F01C21" options={{ showSpinner: false }} />
+      <AnimatePresence 
+        mode='wait' 
+        initial={false} 
+        onExitComplete={() => window.scrollTo(0, 0)}
+      >
+        <Component {...pageProps} key={router.asPath} />
+      </AnimatePresence>
+    </>
+  )
+}
+
+export default MyApp