UI: Replace github icon to discord icon (#1322)

evidentlyai · Sep 25, 2024 · 55f49ad · 55f49ad
1 parent 9133cf6
commit 55f49ad
Show file tree

Hide file tree

Showing 23 changed files with 52 additions and 34 deletions.
diff --git a/src/evidently/ui/assets/index.html b/src/evidently/ui/assets/index.html
@@ -11,8 +11,8 @@
       content="Evidently - ML Monitoring Demo. Hosted example to monitor the performance of a demand forecasting model on a toy dataset."
     />
     <title>Evidently - ML Monitoring Demo</title>
-    <script type="module" crossorigin src="/static/js/index-mRm6BOc6.js"></script>
-    <link rel="modulepreload" crossorigin href="/static/js/vendor-COAUpDWz.js">
+    <script type="module" crossorigin src="/static/js/index-DHPiCkoQ.js"></script>
+    <link rel="modulepreload" crossorigin href="/static/js/vendor-D9wnXojU.js">
     <link rel="stylesheet" crossorigin href="/static/css/index-_rehp6Bp.css">
   </head>
   <body>

diff --git a/.../assets/static/js/ContentCopy-CTB-bCQn.js → .../assets/static/js/ContentCopy-Dg3beyqW.js b/.../assets/static/js/ContentCopy-CTB-bCQn.js → .../assets/static/js/ContentCopy-Dg3beyqW.js
diff --git a/...ts/static/js/DashboardContent-DSoVlerH.js → ...ts/static/js/DashboardContent-BF_kxHXz.js b/...ts/static/js/DashboardContent-DSoVlerH.js → ...ts/static/js/DashboardContent-BF_kxHXz.js
diff --git a/src/evidently/ui/assets/static/js/DashboardViewParams-DnRSqG_L.js b/src/evidently/ui/assets/static/js/DashboardViewParams-DnRSqG_L.js
diff --git a/src/evidently/ui/assets/static/js/DashboardViewParams-VueHZ5oJ.js b/src/evidently/ui/assets/static/js/DashboardViewParams-VueHZ5oJ.js
@@ -0,0 +1 @@
+import{R as a,r as t}from"./vendor-D9wnXojU.js";const s=a.createContext(null),o=()=>t.useContext(s);export{s as D,o as u};
diff --git a/...ts/static/js/DashboardWidgets-Bd_rYhaA.js → ...ts/static/js/DashboardWidgets-BBBcbYTW.js b/...ts/static/js/DashboardWidgets-Bd_rYhaA.js → ...ts/static/js/DashboardWidgets-BBBcbYTW.js
diff --git a/...ntly/ui/assets/static/js/Edit-ByX95MPl.js → ...ntly/ui/assets/static/js/Edit-BcFhWXpJ.js b/...ntly/ui/assets/static/js/Edit-ByX95MPl.js → ...ntly/ui/assets/static/js/Edit-BcFhWXpJ.js
diff --git a/...ssets/static/js/createSvgIcon-63W_9W2b.js → ...ssets/static/js/createSvgIcon-BFOkCGLU.js b/...ssets/static/js/createSvgIcon-63W_9W2b.js → ...ssets/static/js/createSvgIcon-BFOkCGLU.js
diff --git a/...tly/ui/assets/static/js/index-BrZb1t9C.js → ...tly/ui/assets/static/js/index-C0PQxKG0.js b/...tly/ui/assets/static/js/index-BrZb1t9C.js → ...tly/ui/assets/static/js/index-C0PQxKG0.js
diff --git a/src/evidently/ui/assets/static/js/index-CFjUf3L-.js b/src/evidently/ui/assets/static/js/index-CFjUf3L-.js
diff --git a/...tly/ui/assets/static/js/index-BLkPfFsf.js → ...tly/ui/assets/static/js/index-CL1EzBZj.js b/...tly/ui/assets/static/js/index-BLkPfFsf.js → ...tly/ui/assets/static/js/index-CL1EzBZj.js
diff --git a/src/evidently/ui/assets/static/js/index-CWVbMwsv.js b/src/evidently/ui/assets/static/js/index-CWVbMwsv.js
diff --git a/...tly/ui/assets/static/js/index-mRm6BOc6.js → ...tly/ui/assets/static/js/index-DHPiCkoQ.js b/...tly/ui/assets/static/js/index-mRm6BOc6.js → ...tly/ui/assets/static/js/index-DHPiCkoQ.js
diff --git a/src/evidently/ui/assets/static/js/index-Df4smBcs.js b/src/evidently/ui/assets/static/js/index-Df4smBcs.js
diff --git a/...tly/ui/assets/static/js/index-CNJf7HDz.js → ...tly/ui/assets/static/js/index-Dv-H95Lq.js b/...tly/ui/assets/static/js/index-CNJf7HDz.js → ...tly/ui/assets/static/js/index-Dv-H95Lq.js
diff --git a/src/evidently/ui/assets/static/js/index-pJYDeSur.js b/src/evidently/ui/assets/static/js/index-pJYDeSur.js
diff --git a/...tly/ui/assets/static/js/index-By5ZMnyu.js → ...tly/ui/assets/static/js/index-sTir578I.js b/...tly/ui/assets/static/js/index-By5ZMnyu.js → ...tly/ui/assets/static/js/index-sTir578I.js
diff --git a/...ly/ui/assets/static/js/vendor-COAUpDWz.js → ...ly/ui/assets/static/js/vendor-D9wnXojU.js b/...ly/ui/assets/static/js/vendor-COAUpDWz.js → ...ly/ui/assets/static/js/vendor-D9wnXojU.js
diff --git a/ui/.gitignore b/ui/.gitignore
@@ -3,4 +3,3 @@ node_modules
 playwright-report
 test-results
 vite-bundle-report
-visual.spec.ts-snapshots/
diff --git a/ui/packages/evidently-ui-lib/src/components/DiscordSvg.tsx b/ui/packages/evidently-ui-lib/src/components/DiscordSvg.tsx
@@ -0,0 +1,9 @@
+import { SvgIcon } from '@mui/material'
+
+export const DiscordIcon = () => (
+  <SvgIcon>
+    <svg aria-hidden='true' viewBox='0 0 24 24' fill='currentColor'>
+      <path d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z' />
+    </svg>
+  </SvgIcon>
+)
diff --git a/ui/packages/evidently-ui-lib/src/components/ServiceHeader.tsx b/ui/packages/evidently-ui-lib/src/components/ServiceHeader.tsx
@@ -1,5 +1,6 @@
-import GitHubIcon from '@mui/icons-material/GitHub'
-import { AppBar, Button, IconButton, Link, Toolbar, Typography } from '@mui/material'
+import { AppBar, Button, Link, Toolbar, Typography } from '@mui/material'
+import { Link as RouterLink } from 'react-router-dom'
+import { DiscordIcon } from '~/components/DiscordSvg'
 
 export function ServiceHeader({
   version,
@@ -12,21 +13,29 @@ export function ServiceHeader({
 }) {
   return (
     <>
-      <AppBar position={'static'} color={'transparent'}>
-        <Toolbar>
+      <AppBar position={'static'} sx={{ borderTop: 'none' }} color={'transparent'}>
+        <Toolbar sx={{ gap: 1 }}>
           <Typography variant='h6' sx={{ flexGrow: 1 }}>
-            <img src={logoSrc} height='55px' alt='evidently logo' />
+            <RouterLink to={'/'}>
+              <img src={logoSrc} height='55px' alt='evidently logo' />
+            </RouterLink>
             <span style={{ verticalAlign: 'super', fontSize: '0.75rem' }}>{version}</span>
           </Typography>
+
           {authComponent}
-          <Link href={'https://github.com/evidentlyai/evidently'}>
-            <IconButton>
-              <GitHubIcon />
-            </IconButton>
-          </Link>
-          <Link href={'https://docs.evidentlyai.com/'}>
-            <Button>Docs</Button>
-          </Link>
+
+          <Button
+            component={Link}
+            startIcon={<DiscordIcon />}
+            href={'https://discord.gg/tAHQeuDd'}
+            target='_blank'
+          >
+            Support
+          </Button>
+
+          <Button component={Link} href={'https://docs.evidentlyai.com'} target='_blank'>
+            Docs
+          </Button>
         </Toolbar>
       </AppBar>
     </>

diff --git a/ui/service/tests/.gitignore b/ui/service/tests/.gitignore
@@ -0,0 +1 @@
+/visual.spec.ts-snapshots
diff --git a/ui/service/tests/visual.spec.ts-snapshots.dvc b/ui/service/tests/visual.spec.ts-snapshots.dvc
@@ -1,6 +1,6 @@
 outs:
-- md5: ae93509f7423990ea30c903fad1aa8aa.dir
-  size: 3982048
+- md5: f64a8aa6392220ff9b7169341160e3a8.dir
+  size: 3987886
   nfiles: 8
   hash: md5
   path: visual.spec.ts-snapshots
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		import{R as a,r as t}from"./vendor-D9wnXojU.js";const s=a.createContext(null),o=()=>t.useContext(s);export{s as D,o as u};