feat(ui): Added link to start page in argo logo (#21461)

Signed-off-by: Surajyadav <[email protected]>
argoproj · Jan 14, 2025 · 7296201 · 7296201
1 parent d23e6ac
commit 7296201
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/ui/src/app/sidebar/sidebar.scss b/ui/src/app/sidebar/sidebar.scss
@@ -40,10 +40,12 @@ $deselected-text: #818d94;
         margin-left: -7px;
 
         &__character {
+            cursor: pointer;
             width: 42px;
         }
 
         &__text-logo {
+            cursor: pointer;
             height: 2em;
             filter: invert(100%);
         }

diff --git a/ui/src/app/sidebar/sidebar.tsx b/ui/src/app/sidebar/sidebar.tsx
@@ -54,13 +54,19 @@ export const Sidebar = (props: SidebarProps) => {
                     </div>
                     {!props.pref.hideSidebar && (
                         <div className='sidebar__logo-container'>
-                            <img src='assets/images/argologo.svg' alt='Argo' className='sidebar__logo__text-logo' />
+                            <img
+                                onClick={() => context.history.push('/')}
+                                title={'Go to start page'}
+                                src='assets/images/argologo.svg'
+                                alt='Argo'
+                                className='sidebar__logo__text-logo'
+                            />
                             <div className='sidebar__version' onClick={props.onVersionClick}>
                                 {loading ? 'Loading...' : error?.state ? 'Unknown' : version?.Version || 'Unknown'}
                             </div>
                         </div>
                     )}
-                    <img src='assets/images/logo.png' alt='Argo' className='sidebar__logo__character' />{' '}
+                    <img onClick={() => context.history.push('/')} title={'Go to start page'} src='assets/images/logo.png' alt='Argo' className='sidebar__logo__character' />{' '}
                 </div>
 
                 {(props.navItems || []).map(item => (