diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-05-07 16:11:33 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-05-16 00:55:03 +0200 |
commit | 04030b93b8bb19adf899006815cc859698908feb (patch) | |
tree | 5e7193f6ca0dff61b7066bc5cc5cbf61a208394b /packages/renderer/src | |
parent | refactor: electron-builder config (diff) | |
download | sophie-04030b93b8bb19adf899006815cc859698908feb.tar.gz sophie-04030b93b8bb19adf899006815cc859698908feb.tar.zst sophie-04030b93b8bb19adf899006815cc859698908feb.zip |
chore(deps): bump to react 18
Signed-off-by: Kristóf Marussy <kristof@marussy.com>
Diffstat (limited to 'packages/renderer/src')
-rw-r--r-- | packages/renderer/src/components/banner/NewWindowBanner.tsx | 20 | ||||
-rw-r--r-- | packages/renderer/src/index.tsx | 10 |
2 files changed, 21 insertions, 9 deletions
diff --git a/packages/renderer/src/components/banner/NewWindowBanner.tsx b/packages/renderer/src/components/banner/NewWindowBanner.tsx index 07fafda..685badf 100644 --- a/packages/renderer/src/components/banner/NewWindowBanner.tsx +++ b/packages/renderer/src/components/banner/NewWindowBanner.tsx | |||
@@ -96,14 +96,20 @@ function NewWindowBanner({ | |||
96 | } | 96 | } |
97 | > | 97 | > |
98 | {count === 1 ? ( | 98 | {count === 1 ? ( |
99 | <Trans i18nKey="messageSingleLink" t={t}> | 99 | <Trans |
100 | {{ name }} wants to open <strong>{{ url }}</strong> in a new window | 100 | i18nKey="messageSingleLink" |
101 | </Trans> | 101 | t={t} |
102 | components={[<strong>url</strong>]} | ||
103 | values={{ name, url }} | ||
104 | /> | ||
102 | ) : ( | 105 | ) : ( |
103 | <Trans i18nKey="messageMultipleLinks" count={count - 1} t={t}> | 106 | <Trans |
104 | {{ name }} wants to open <strong>{{ url }}</strong> and{' '} | 107 | i18nKey="messageMultipleLinks" |
105 | <strong>{{ count: count - 1 }}</strong> other links in new windows | 108 | count={count - 1} |
106 | </Trans> | 109 | t={t} |
110 | components={[<strong>url</strong>, <strong>count</strong>]} | ||
111 | values={{ name, url, count: count - 1 }} | ||
112 | /> | ||
107 | )} | 113 | )} |
108 | </NotificationBanner> | 114 | </NotificationBanner> |
109 | ); | 115 | ); |
diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx index 72a9ffd..726e00e 100644 --- a/packages/renderer/src/index.tsx +++ b/packages/renderer/src/index.tsx | |||
@@ -26,7 +26,7 @@ import CssBaseline from '@mui/material/CssBaseline'; | |||
26 | import { autorun } from 'mobx'; | 26 | import { autorun } from 'mobx'; |
27 | import { addDisposer } from 'mobx-state-tree'; | 27 | import { addDisposer } from 'mobx-state-tree'; |
28 | import React, { Suspense, lazy } from 'react'; | 28 | import React, { Suspense, lazy } from 'react'; |
29 | import { render } from 'react-dom'; | 29 | import { createRoot } from 'react-dom/client'; |
30 | 30 | ||
31 | import Loading from './components/Loading'; | 31 | import Loading from './components/Loading'; |
32 | import StoreProvider from './components/StoreProvider'; | 32 | import StoreProvider from './components/StoreProvider'; |
@@ -88,4 +88,10 @@ function Root(): JSX.Element { | |||
88 | ); | 88 | ); |
89 | } | 89 | } |
90 | 90 | ||
91 | render(<Root />, document.querySelector('#app')); | 91 | const rootElement = document.querySelector('#app'); |
92 | if (rootElement === null) { | ||
93 | log.error('Root element not found'); | ||
94 | } else { | ||
95 | const root = createRoot(rootElement); | ||
96 | root.render(<Root />); | ||
97 | } | ||