From 72962014b53970b7eae3922ee0458fdc6d896f92 Mon Sep 17 00:00:00 2001
From: Suraj yadav <harrypotter1108@gmail.com>
Date: Wed, 15 Jan 2025 02:41:40 +0530
Subject: [PATCH] feat(ui): Added link to start page in argo logo (#21461)

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>
---
 ui/src/app/sidebar/sidebar.scss |  2 ++
 ui/src/app/sidebar/sidebar.tsx  | 10 ++++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/sidebar/sidebar.scss b/ui/src/app/sidebar/sidebar.scss
index d41cbeed3f7cf..4e09261e068cc 100644
--- 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
index 1aeb77c9112ee..2e82b3f509fc5 100644
--- 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 => (