qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-09-20 11:16:19 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

⚒️ Add nprogress & page transitions.

Browse Source
This commit is contained in:
pheralb 2022-06-21 15:17:01 +01:00
parent 6ee9acba5a
commit 0c11cc399a
1 changed files with 37 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/pages/_app.tsx
View File

@ -8,19 +8,48 @@ import "@/styles/globals.css";
// Layout ->
import Layout from "@/layout";
// Nextjs Progressbar ->
import NextNProgress from "nextjs-progressbar";
// Framer ->
import { motion } from "framer-motion";
// SWR Config & services ->
import { SWRConfig } from "swr";
import { fetcher } from "@/services/fetcher";
function MyApp({ Component, pageProps }: AppProps) {
function MyApp({ Component, pageProps, router }: AppProps) {
return (
<ChakraProvider theme={theme}>
<SWRConfig value={{ fetcher }}>
<Layout>
<Component {...pageProps} />
</Layout>
</SWRConfig>
</ChakraProvider>
<>
<NextNProgress
color="#4343E5"
startPosition={0.3}
stopDelayMs={200}
height={3}
showOnShallow={true}
/>
<ChakraProvider theme={theme}>
<SWRConfig value={{ fetcher }}>
<Layout>
<motion.div
key={router.route}
initial="initial"
animate="animate"
variants={{
initial: {
opacity: 0,
},
animate: {
opacity: 1,
},
}}
>
<Component {...pageProps} />
</motion.div>
</Layout>
</SWRConfig>
</ChakraProvider>
</>
);
}