import React from 'react'; import { BrowserRouter } from 'react-router-dom'; import { ThemeProvider } from 'styled-components'; import light from './themes/light'; import { Box, Reset } from '@tlon/indigo-react'; import StartupModal from './components/StartupModal'; import { useSettings } from './hooks/useSettings'; import Body from './components/Body'; const App: React.FC = () => { const { loaded, wallet, provider, scanProgress } = useSettings(); const scanning = scanProgress?.main !== null || scanProgress?.change !== null; const blur = !loaded || scanning ? false : !(wallet && provider); return ( {loaded && !scanning ? : null} ); }; export default App;