import '@/styles/globals.css'
import { useEffect, useState } from 'react';
import { CircularProgress } from '@mui/material';
import { lock, unlock } from '@/utils/lockScreen';
import Router from "next/router";
import { ClientProvider } from '@/utils/cartProvider';
import { createClient } from '@supabase/supabase-js';
import { SessionContextProvider } from '@supabase/auth-helpers-react';
import Head from 'next/head'
import LogoCard from '../../public/assets/interface/card.svg'
import { useRouter } from 'next/router';
import * as ga from '../lib/ga'
const SUPABASE_KEY = process.env.NEXT_PUBLIC_SUPABASE_KEY
const supabase = createClient(
"https://gvszhjsqrvbeyobnkdec.supabase.co",
SUPABASE_KEY
)
export default function App({ Component, pageProps }) {
const [loading, setLoading] = useState(false)
const router = useRouter()
useEffect(() => {
const handleRouteChange = (url) => {
ga.pageview(url)
}
//When the component is mounted, subscribe to router changes
//and log those page views
router.events.on('routeChangeComplete', handleRouteChange)
// If the component is unmounted, unsubscribe
// from the event with the `off` method
return () => {
router.events.off('routeChangeComplete', handleRouteChange)
}
}, [router.events])
useEffect(() => {
const start = () => setLoading(true);
const end = () => setLoading(false);
Router.events.on("routeChangeStart", start);
Router.events.on("routeChangeComplete", end);
Router.events.on("routeChangeError", end);
if(loading){
window?.scrollTo({top: 0, left: 0});
lock()
} else {
unlock()
}
return () => {
Router.events.off("routeChangeStart", start);
Router.events.off("routeChangeComplete", end);
Router.events.off("routeChangeError", end);
};
}, [loading])
return (
<>
Scriptor - 1er organisme de formation dédié à la rédaction de mémoires
{loading ?
: ''}
)
}