mirror of
https://github.com/Steffo99/festa.git
synced 2024-12-22 22:54:22 +00:00
50 lines
2 KiB
TypeScript
50 lines
2 KiB
TypeScript
import '../styles/globals.css'
|
|
import type { AppProps } from 'next/app'
|
|
import { LoginContext } from '../contexts/login'
|
|
import { useState } from 'react'
|
|
import defaultPostcard from "../public/postcards/adi-goldstein-Hli3R6LKibo-unsplash.jpg"
|
|
import { PostcardRenderer } from '../components/postcard/PostcardRenderer'
|
|
import { PostcardContext } from '../components/postcard/PostcardContext'
|
|
import { StaticImageData } from 'next/image'
|
|
import { appWithTranslation, useTranslation } from 'next-i18next'
|
|
import { FestaLoginData } from '../types/user'
|
|
import { useStoredLogin } from "../hooks/useStoredLogin"
|
|
import { SWRConfig } from 'swr'
|
|
import { AxiosRequestConfig } from 'axios'
|
|
import { useAxios } from '../hooks/useAxios'
|
|
import { ErrorBoundary } from '../components/errors/ErrorBoundary'
|
|
|
|
|
|
const App = ({ Component, pageProps }: AppProps): JSX.Element => {
|
|
const {t} = useTranslation()
|
|
const [postcard, setPostcard] = useState<string>(defaultPostcard.src)
|
|
const [postcardVisible, setPostcardVisible] = useState<boolean>(false)
|
|
const [login, setLogin] = useState<FestaLoginData | null>(null)
|
|
useStoredLogin(setLogin)
|
|
|
|
const axios = useAxios({}, login)
|
|
|
|
const swrConfig = {
|
|
fetcher: async (resource: string, init: AxiosRequestConfig<any>) => {
|
|
const response = await axios.get(resource, init)
|
|
// To test loading uncomment the following line:
|
|
// await new Promise(res => setTimeout(res, 100000))
|
|
return response.data
|
|
}
|
|
}
|
|
|
|
return <>
|
|
<ErrorBoundary text={t("genericError")}>
|
|
<PostcardContext.Provider value={{postcard, setPostcard, visible: postcardVisible, setVisible: setPostcardVisible}}>
|
|
<LoginContext.Provider value={[login, setLogin]}>
|
|
<SWRConfig value={swrConfig}>
|
|
<PostcardRenderer/>
|
|
<Component {...pageProps} />
|
|
</SWRConfig>
|
|
</LoginContext.Provider>
|
|
</PostcardContext.Provider>
|
|
</ErrorBoundary>
|
|
</>
|
|
}
|
|
|
|
export default appWithTranslation(App)
|