chore(recorder): update to React 18

This commit is contained in:
Simon Knott 2024-08-09 16:37:12 +02:00
parent 236a8ac2ac
commit 73552dc414
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC
2 changed files with 10 additions and 9 deletions

View file

@ -17,11 +17,10 @@
import '@web/common.css'; import '@web/common.css';
import { applyTheme } from '@web/theme'; import { applyTheme } from '@web/theme';
import '@web/third_party/vscode/codicon.css'; import '@web/third_party/vscode/codicon.css';
import * as React from 'react'; import * as ReactDOM from 'react-dom/client';
import * as ReactDOM from 'react-dom';
import { Main } from './main'; import { Main } from './main';
(async () => { (async () => {
applyTheme(); applyTheme();
ReactDOM.render(<Main/>, document.querySelector('#root')); ReactDOM.createRoot(document.querySelector('#root')!).render(<Main/>);
})(); })();

View file

@ -30,12 +30,14 @@ export const Main: React.FC = ({
window.playwrightSetSources = setSources; window.playwrightSetSources = setSources;
window.playwrightSetPaused = setPaused; window.playwrightSetPaused = setPaused;
window.playwrightUpdateLogs = callLogs => { window.playwrightUpdateLogs = callLogs => {
setLog(log => {
const newLog = new Map<string, CallLog>(log); const newLog = new Map<string, CallLog>(log);
for (const callLog of callLogs) { for (const callLog of callLogs) {
callLog.reveal = !log.has(callLog.id); callLog.reveal = !log.has(callLog.id);
newLog.set(callLog.id, callLog); newLog.set(callLog.id, callLog);
} }
setLog(newLog); return newLog;
});
}; };
window.playwrightSourcesEchoForTest = sources; window.playwrightSourcesEchoForTest = sources;