feat: Location bar actions

The buttons and the text field in the location bar shall now affect the
BrowserView of the loaded service.

Some error handling is still needed, e.g., when loading a web page fails
due to a DNS error.

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

1 files changed, 13 insertions, 3 deletions

diff --git a/packages/renderer/src/components/locationBar/NavigationButtons.tsx b/packages/renderer/src/components/locationBar/NavigationButtons.tsx
index ce59692..e71d3d8 100644
--- a/packages/renderer/src/components/locationBar/NavigationButtons.tsx
+++ b/packages/renderer/src/components/locationBar/NavigationButtons.tsx
@@ -48,25 +48,35 @@ function NavigationButtons({
       <IconButton
         aria-label="Back"
         disabled={service === undefined || !service.canGoBack}
+        onClick={() => service?.goBack()}
       >
         {direction === 'ltr' ? <IconArrowBack /> : <IconArrowForward />}
       </IconButton>
       <IconButton
         aria-label="Forward"
         disabled={service === undefined || !service.canGoForward}
+        onClick={() => service?.goForward()}
       >
         {direction === 'ltr' ? <IconArrowForward /> : <IconArrowBack />}
       </IconButton>
       {service?.state === 'loading' ? (
-        <IconButton aria-label="Stop">
+        <IconButton aria-label="Stop" onClick={() => service?.stop()}>
           <IconStop />
         </IconButton>
       ) : (
-        <IconButton aria-label="Refresh" disabled={service === undefined}>
+        <IconButton
+          aria-label="Refresh"
+          disabled={service === undefined}
+          onClick={(event) => service?.reload(event.shiftKey)}
+        >
           <IconRefresh />
         </IconButton>
       )}
-      <IconButton aria-label="Home" disabled={service === undefined}>
+      <IconButton
+        aria-label="Home"
+        disabled={service === undefined}
+        onClick={() => service?.goHome()}
+      >
         <IconHome />
       </IconButton>
     </Box>