diff options
author | Kristóf Marussy <kristof@marussy.com> | 2024-04-12 17:20:26 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2024-04-12 17:39:52 +0200 |
commit | 4458f8ffb735312cbc76708217e6918e3a72fbd7 (patch) | |
tree | ef74760a36e01fe4fb745e2c993244645b1191fa /subprojects | |
parent | feat(frontend): add tooltips to buttons (diff) | |
download | refinery-4458f8ffb735312cbc76708217e6918e3a72fbd7.tar.gz refinery-4458f8ffb735312cbc76708217e6918e3a72fbd7.tar.zst refinery-4458f8ffb735312cbc76708217e6918e3a72fbd7.zip |
feat(frontend): add homepage link
Diffstat (limited to 'subprojects')
-rw-r--r-- | subprojects/frontend/src/TopBar.tsx | 52 |
1 files changed, 34 insertions, 18 deletions
diff --git a/subprojects/frontend/src/TopBar.tsx b/subprojects/frontend/src/TopBar.tsx index e41f956e..5c9bfc0a 100644 --- a/subprojects/frontend/src/TopBar.tsx +++ b/subprojects/frontend/src/TopBar.tsx | |||
@@ -4,7 +4,9 @@ | |||
4 | * SPDX-License-Identifier: EPL-2.0 | 4 | * SPDX-License-Identifier: EPL-2.0 |
5 | */ | 5 | */ |
6 | 6 | ||
7 | import BookIcon from '@mui/icons-material/Book'; | ||
7 | import GitHubIcon from '@mui/icons-material/GitHub'; | 8 | import GitHubIcon from '@mui/icons-material/GitHub'; |
9 | import HomeIcon from '@mui/icons-material/Home'; | ||
8 | import AppBar from '@mui/material/AppBar'; | 10 | import AppBar from '@mui/material/AppBar'; |
9 | import IconButton from '@mui/material/IconButton'; | 11 | import IconButton from '@mui/material/IconButton'; |
10 | import Stack from '@mui/material/Stack'; | 12 | import Stack from '@mui/material/Stack'; |
@@ -164,27 +166,41 @@ export default observer(function TopBar(): JSX.Element { | |||
164 | <PaneButtons themeStore={themeStore} /> | 166 | <PaneButtons themeStore={themeStore} /> |
165 | </Stack> | 167 | </Stack> |
166 | )} | 168 | )} |
167 | <Stack | 169 | <Stack direction="row" marginLeft={1} gap={1} alignItems="center"> |
168 | direction="row" | ||
169 | marginLeft={1} | ||
170 | marginRight={1} | ||
171 | gap={1} | ||
172 | alignItems="center" | ||
173 | > | ||
174 | <GenerateButton editorStore={editorStore} hideWarnings={!veryLarge} /> | ||
175 | {large && ( | 170 | {large && ( |
176 | <Tooltip title="Check us out at GitHub"> | 171 | <Stack direction="row" alignItems="center"> |
177 | <IconButton | 172 | <Tooltip title="Refinery home page"> |
178 | href="https://github.com/graphs4value/refinery" | 173 | <IconButton |
179 | target="_blank" | 174 | href="https://refinery.tools/" |
180 | color="inherit" | 175 | target="_blank" |
181 | > | 176 | color="inherit" |
182 | <GitHubIcon /> | 177 | > |
183 | </IconButton> | 178 | <HomeIcon /> |
184 | </Tooltip> | 179 | </IconButton> |
180 | </Tooltip> | ||
181 | <Tooltip title="Refinery documentation"> | ||
182 | <IconButton | ||
183 | href="https://refinery.tools/learn/" | ||
184 | target="_blank" | ||
185 | color="inherit" | ||
186 | > | ||
187 | <BookIcon /> | ||
188 | </IconButton> | ||
189 | </Tooltip> | ||
190 | <Tooltip title="Check us out at GitHub"> | ||
191 | <IconButton | ||
192 | href="https://github.com/graphs4value/refinery" | ||
193 | target="_blank" | ||
194 | color="inherit" | ||
195 | > | ||
196 | <GitHubIcon /> | ||
197 | </IconButton> | ||
198 | </Tooltip> | ||
199 | </Stack> | ||
185 | )} | 200 | )} |
201 | <GenerateButton editorStore={editorStore} hideWarnings={!veryLarge} /> | ||
202 | <ToggleDarkModeButton /> | ||
186 | </Stack> | 203 | </Stack> |
187 | <ToggleDarkModeButton /> | ||
188 | </Toolbar> | 204 | </Toolbar> |
189 | </AppBar> | 205 | </AppBar> |
190 | ); | 206 | ); |