feat(gui): add button to open docs site

ssube · Dec 16, 2023 · 8e7f8c7 · 8e7f8c7
1 parent 523a2a0
commit 8e7f8c7
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/gui/src/components/Logo.tsx b/gui/src/components/Logo.tsx
@@ -1,8 +1,20 @@
-import { Link, Typography } from '@mui/material';
+import { Help } from '@mui/icons-material';
+import { IconButton, Link, Typography } from '@mui/material';
 import * as React from 'react';
 
+export const URL_DOCS = 'https://www.onnx-web.ai/docs';
+export const URL_REPO = 'https://github.com/ssube/onnx-web';
+export const NEW_WINDOW = '_blank';
+
+export function openDocSite() {
+  window.open(URL_DOCS, NEW_WINDOW);
+}
+
 export function Logo() {
   return <Typography variant='h3' gutterBottom>
-    <Link href='https://github.com/ssube/onnx-web' target='_blank' underline='hover'>ONNX Web</Link>
+    <Link href={URL_REPO} target={NEW_WINDOW} underline='hover'>ONNX Web</Link>
+    <IconButton onClick={openDocSite}>
+      <Help />
+    </IconButton>
   </Typography>;
 }