diff options
Diffstat (limited to 'packages/renderer/src/components/App.tsx')
-rw-r--r-- | packages/renderer/src/components/App.tsx | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/packages/renderer/src/components/App.tsx b/packages/renderer/src/components/App.tsx index 8fab77d..af2e4ec 100644 --- a/packages/renderer/src/components/App.tsx +++ b/packages/renderer/src/components/App.tsx | |||
@@ -22,12 +22,33 @@ import Box from '@mui/material/Box'; | |||
22 | import React from 'react'; | 22 | import React from 'react'; |
23 | 23 | ||
24 | import BrowserViewPlaceholder from './BrowserViewPlaceholder'; | 24 | import BrowserViewPlaceholder from './BrowserViewPlaceholder'; |
25 | import { useStore } from './StoreProvider'; | ||
25 | import LocationBar from './locationBar/LocationBar'; | 26 | import LocationBar from './locationBar/LocationBar'; |
26 | import Sidebar from './sidebar/Sidebar'; | 27 | import Sidebar from './sidebar/Sidebar'; |
27 | 28 | ||
28 | export default function App(): JSX.Element { | 29 | export default function App(): JSX.Element { |
30 | const store = useStore(); | ||
31 | |||
32 | function onClick(event: React.MouseEvent<HTMLDivElement, MouseEvent>): void { | ||
33 | switch (event.button) { | ||
34 | case 3: | ||
35 | store.settings.selectedService?.goBack(); | ||
36 | break; | ||
37 | case 4: | ||
38 | store.settings.selectedService?.goForward(); | ||
39 | break; | ||
40 | default: | ||
41 | // Allow the event to propagate. | ||
42 | return; | ||
43 | } | ||
44 | event.preventDefault(); | ||
45 | event.stopPropagation(); | ||
46 | } | ||
47 | |||
29 | return ( | 48 | return ( |
30 | <Box | 49 | <Box |
50 | onClick={(event) => onClick(event)} | ||
51 | onAuxClick={(event) => onClick(event)} | ||
31 | sx={{ | 52 | sx={{ |
32 | display: 'flex', | 53 | display: 'flex', |
33 | flexDirection: 'row', | 54 | flexDirection: 'row', |