2022-01-17 13:03:28 +05:30
|
|
|
import * as React from 'react';
|
2022-05-14 20:20:21 +05:30
|
|
|
import { Fragment } from 'react';
|
2022-01-17 13:03:28 +05:30
|
|
|
import { ChakraProvider, extendTheme } from '@chakra-ui/react';
|
|
|
|
import { BrowserRouter } from 'react-router-dom';
|
|
|
|
import { createClient, Provider } from 'urql';
|
|
|
|
import { AppRoutes } from './routes';
|
|
|
|
import { AuthContextProvider } from './contexts/AuthContext';
|
2021-12-29 11:56:19 +05:30
|
|
|
|
2022-01-15 21:15:46 +05:30
|
|
|
const queryClient = createClient({
|
2022-01-17 13:03:28 +05:30
|
|
|
url: '/graphql',
|
|
|
|
fetchOptions: () => {
|
|
|
|
return {
|
|
|
|
credentials: 'include',
|
2022-03-30 11:50:22 +05:30
|
|
|
headers: {
|
|
|
|
'x-authorizer-url': window.location.origin,
|
|
|
|
},
|
2022-01-17 13:03:28 +05:30
|
|
|
};
|
|
|
|
},
|
2022-01-25 13:06:52 +05:30
|
|
|
requestPolicy: 'network-only',
|
2022-01-15 21:15:46 +05:30
|
|
|
});
|
|
|
|
|
|
|
|
const theme = extendTheme({
|
2022-01-17 13:03:28 +05:30
|
|
|
styles: {
|
|
|
|
global: {
|
|
|
|
'html, body, #root': {
|
|
|
|
height: '100%',
|
2022-05-14 20:20:21 +05:30
|
|
|
outline: 'none',
|
2022-01-17 13:03:28 +05:30
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
colors: {
|
|
|
|
blue: {
|
|
|
|
500: 'rgb(59,130,246)',
|
|
|
|
},
|
|
|
|
},
|
2022-01-15 21:15:46 +05:30
|
|
|
});
|
|
|
|
|
|
|
|
export default function App() {
|
2022-01-17 13:03:28 +05:30
|
|
|
return (
|
2022-05-07 22:10:29 +05:30
|
|
|
<Fragment>
|
2022-05-14 20:20:21 +05:30
|
|
|
<ChakraProvider theme={theme}>
|
|
|
|
<Provider value={queryClient}>
|
|
|
|
<BrowserRouter basename="/dashboard">
|
|
|
|
<AuthContextProvider>
|
|
|
|
<AppRoutes />
|
|
|
|
</AuthContextProvider>
|
|
|
|
</BrowserRouter>
|
|
|
|
</Provider>
|
|
|
|
</ChakraProvider>
|
2022-05-07 22:10:29 +05:30
|
|
|
</Fragment>
|
2022-01-17 13:03:28 +05:30
|
|
|
);
|
2021-12-29 11:56:19 +05:30
|
|
|
}
|