From cf2e16aeb3d8ecf8f6a5420751640b90c4d1dfc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20Marussy?= <kristof@marussy.com>
Date: Fri, 12 Apr 2024 17:20:26 +0200
Subject: [PATCH] feat(frontend): add homepage link

---
 subprojects/frontend/src/TopBar.tsx | 52 +++++++++++++++++++----------
 1 file changed, 34 insertions(+), 18 deletions(-)

diff --git a/subprojects/frontend/src/TopBar.tsx b/subprojects/frontend/src/TopBar.tsx
index e41f956e2..5c9bfc0a7 100644
--- a/subprojects/frontend/src/TopBar.tsx
+++ b/subprojects/frontend/src/TopBar.tsx
@@ -4,7 +4,9 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
+import BookIcon from '@mui/icons-material/Book';
 import GitHubIcon from '@mui/icons-material/GitHub';
+import HomeIcon from '@mui/icons-material/Home';
 import AppBar from '@mui/material/AppBar';
 import IconButton from '@mui/material/IconButton';
 import Stack from '@mui/material/Stack';
@@ -164,27 +166,41 @@ export default observer(function TopBar(): JSX.Element {
             <PaneButtons themeStore={themeStore} />
           </Stack>
         )}
-        <Stack
-          direction="row"
-          marginLeft={1}
-          marginRight={1}
-          gap={1}
-          alignItems="center"
-        >
-          <GenerateButton editorStore={editorStore} hideWarnings={!veryLarge} />
+        <Stack direction="row" marginLeft={1} gap={1} alignItems="center">
           {large && (
-            <Tooltip title="Check us out at GitHub">
-              <IconButton
-                href="https://github.com/graphs4value/refinery"
-                target="_blank"
-                color="inherit"
-              >
-                <GitHubIcon />
-              </IconButton>
-            </Tooltip>
+            <Stack direction="row" alignItems="center">
+              <Tooltip title="Refinery home page">
+                <IconButton
+                  href="https://refinery.tools/"
+                  target="_blank"
+                  color="inherit"
+                >
+                  <HomeIcon />
+                </IconButton>
+              </Tooltip>
+              <Tooltip title="Refinery documentation">
+                <IconButton
+                  href="https://refinery.tools/learn/"
+                  target="_blank"
+                  color="inherit"
+                >
+                  <BookIcon />
+                </IconButton>
+              </Tooltip>
+              <Tooltip title="Check us out at GitHub">
+                <IconButton
+                  href="https://github.com/graphs4value/refinery"
+                  target="_blank"
+                  color="inherit"
+                >
+                  <GitHubIcon />
+                </IconButton>
+              </Tooltip>
+            </Stack>
           )}
+          <GenerateButton editorStore={editorStore} hideWarnings={!veryLarge} />
+          <ToggleDarkModeButton />
         </Stack>
-        <ToggleDarkModeButton />
       </Toolbar>
     </AppBar>
   );