mars-v2-frontend/pages/_app.tsx
Linkie Link c4f8f4eab0
Mp 1757 wallet connect (#66)
* MP-1757: implemented the WalletProvider and connect buttons

* tidy: tidy up the search

* MP-1691: moved modals outside of the DOM

* MP-1691: changed CreditManager into AccountDetails

* fix: fixed the naming

* MP-1691: UX approvements

* MP-1691: global confirm and delete modal added

* fix: merged the credit-account and wallet branch

* MP-1757: added the status store

* fix: updated the store interaction

* MP-1757: major cleanup of stores

* tidy: format
2022-12-08 21:14:38 +01:00

45 lines
1.2 KiB
TypeScript

import 'react-toastify/dist/ReactToastify.min.css'
import '../styles/globals.css'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
import type { AppProps } from 'next/app'
import Head from 'next/head'
import { ToastContainer, Zoom } from 'react-toastify'
import Layout from 'components/Layout'
import Modals from 'components/Modals'
import WalletConnectProvider from 'components/Wallet/WalletConnectProvider'
const queryClient = new QueryClient()
function MyApp({ Component, pageProps }: AppProps) {
return (
<>
<Head>
<title>Mars V2</title>
<link rel='icon' href='/favicon.svg' />
</Head>
<WalletConnectProvider>
<QueryClientProvider client={queryClient}>
<ReactQueryDevtools initialIsOpen={false} />
<Layout>
<Component {...pageProps} />
</Layout>
<Modals />
<ToastContainer
autoClose={1500}
closeButton={false}
position='bottom-right'
hideProgressBar
newestOnTop
transition={Zoom}
/>
</QueryClientProvider>
</WalletConnectProvider>
</>
)
}
export default MyApp