aboutsummaryrefslogtreecommitdiffstats
path: root/packages/renderer/src/components/App.tsx
diff options
context:
space:
mode:
authorLibravatar Kristóf Marussy <kristof@marussy.com>2022-03-28 23:37:15 +0200
committerLibravatar Kristóf Marussy <kristof@marussy.com>2022-05-16 00:54:56 +0200
commit04555cc62c9cded08c3090288fa372d961c50737 (patch)
tree4566893892216446dfe24490c98881316b97cb41 /packages/renderer/src/components/App.tsx
parentdesign: Increase location bar UI density (diff)
downloadsophie-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.tsx2
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';
24import React, { useCallback } from 'react'; 24import React, { useCallback } from 'react';
25 25
26import BrowserViewPlaceholder from './BrowserViewPlaceholder'; 26import BrowserViewPlaceholder from './BrowserViewPlaceholder';
27import NewWindowBanner from './NewWindowBanner';
27import { useStore } from './StoreProvider'; 28import { useStore } from './StoreProvider';
28import LocationBar from './locationBar/LocationBar'; 29import LocationBar from './locationBar/LocationBar';
29import Sidebar from './sidebar/Sidebar'; 30import 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' && (