Function App

App.tsx:22–41

()

const App = () => {
  const {fxDialogActive} = useActiveSelector()
  const {setHover} = useActiveActions()

  useEffect(() => {
    window.ipcRenderer.on("debug", console.log)
  }, [])
  
  return (
    <main className="app" onMouseEnter={() => setHover(true)} onMouseLeave={() => !fxDialogActive && setHover(false)}>
        <TitleBar/>
        <ContextMenu/>
        <LocalStorage/>
        <LinkDialog/>
        <FXDialog/>
        <ExportDialog/>
        <VideoPlayer/>
    </main>
  )
}

const root = createRoot(document.getElementById("root")!)
root.render(<Provider store={store}><App/></Provider>)