diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-03-28 23:37:15 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-05-16 00:54:56 +0200 |
commit | 04555cc62c9cded08c3090288fa372d961c50737 (patch) | |
tree | 4566893892216446dfe24490c98881316b97cb41 /packages/renderer/src/components/App.tsx | |
parent | design: Increase location bar UI density (diff) | |
download | sophie-04555cc62c9cded08c3090288fa372d961c50737.tar.gz sophie-04555cc62c9cded08c3090288fa372d961c50737.tar.zst sophie-04555cc62c9cded08c3090288fa372d961c50737.zip |
feat: New window banner
* Add renderer code for notification banners with buttons
* Handle new window open requests by denying them and displaying
a notification
Signed-off-by: Kristóf Marussy <kristof@marussy.com>
Diffstat (limited to 'packages/renderer/src/components/App.tsx')
-rw-r--r-- | packages/renderer/src/components/App.tsx | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/packages/renderer/src/components/App.tsx b/packages/renderer/src/components/App.tsx index b647a80..49c50af 100644 --- a/packages/renderer/src/components/App.tsx +++ b/packages/renderer/src/components/App.tsx | |||
@@ -24,6 +24,7 @@ import { observer } from 'mobx-react-lite'; | |||
24 | import React, { useCallback } from 'react'; | 24 | import React, { useCallback } from 'react'; |
25 | 25 | ||
26 | import BrowserViewPlaceholder from './BrowserViewPlaceholder'; | 26 | import BrowserViewPlaceholder from './BrowserViewPlaceholder'; |
27 | import NewWindowBanner from './NewWindowBanner'; | ||
27 | import { useStore } from './StoreProvider'; | 28 | import { useStore } from './StoreProvider'; |
28 | import LocationBar from './locationBar/LocationBar'; | 29 | import LocationBar from './locationBar/LocationBar'; |
29 | import Sidebar from './sidebar/Sidebar'; | 30 | import Sidebar from './sidebar/Sidebar'; |
@@ -77,6 +78,7 @@ function App(): JSX.Element { | |||
77 | }} | 78 | }} |
78 | > | 79 | > |
79 | <LocationBar /> | 80 | <LocationBar /> |
81 | <NewWindowBanner service={selectedService} /> | ||
80 | <BrowserViewPlaceholder> | 82 | <BrowserViewPlaceholder> |
81 | <p>{JSON.stringify(selectedService?.state)}</p> | 83 | <p>{JSON.stringify(selectedService?.state)}</p> |
82 | {selectedService?.state.type === 'certificateError' && ( | 84 | {selectedService?.state.type === 'certificateError' && ( |