import { useEffect } from 'react' ; import { Header , Content , Footer } from './containers' ; import CrossScreen from './cross-screen' ; import { FeaturesProvider , SnackbarProvider , InstancesProvider } from './context' ; const App = ( ) => { useEffect ( ( ) => { const updateTerminalHeight = ( ) => { const actualHeight = document . querySelector ( '.custom-terminal' ) ?. clientHeight ; const terminalBase = document . querySelector ( '.terminal-base' ) as HTMLElement ; terminalBase . style . height = actualHeight + "px" ; } ; window ?. addEventListener ( 'resize' , updateTerminalHeight ) ; } , [ ] ) ; return ( < SnackbarProvider > < InstancesProvider > < FeaturesProvider > { } < CrossScreen / > { } < Header / > < Content /> < Footer / > < /FeaturesProvider> < /InstancesProvider> < /SnackbarProvider>); } ; export default App ;