Files
authorizer/dashboard/src/App.tsx

53 lines
1.0 KiB
TypeScript
Raw Normal View History

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';
const queryClient = createClient({
2022-01-17 13:03:28 +05:30
url: '/graphql',
fetchOptions: () => {
return {
credentials: 'include',
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',
});
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)',
},
},
});
export default function App() {
2022-01-17 13:03:28 +05:30
return (
<Fragment>
2022-05-14 20:20:21 +05:30
<ChakraProvider theme={theme}>
<Provider value={queryClient}>
<BrowserRouter basename="/dashboard">
<AuthContextProvider>
<AppRoutes />
</AuthContextProvider>
</BrowserRouter>
</Provider>
</ChakraProvider>
</Fragment>
2022-01-17 13:03:28 +05:30
);
}