From ace01d321db4ca78d2ab8624f77ae03424843fbd Mon Sep 17 00:00:00 2001
From: Bhargav <BJP232004@GMAIL.COM>
Date: Wed, 30 Sep 2026 17:07:35 +0000
Subject: [PATCH] fix(login): link the OpenObserve logo to the website (#15024)

---
 web/src/components/login/Login.vue | 54 ++++++++++++++++++------------
 web/src/views/Login.vue            | 21 +++++++-----
 2 files changed, 44 insertions(+), 31 deletions(-)

diff --git a/web/src/components/login/Login.vue b/web/src/components/login/Login.vue
index ce40a02534..cb7f5c6417 100644
--- a/web/src/components/login/Login.vue
+++ b/web/src/components/login/Login.vue
@@ -49,31 +49,41 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             style="max-width: 9.375rem; max-height: 1.9375rem"
           />
         </span>
-        <img
+        <a
           v-if="store.state.zoConfig.custom_hide_self_logo == false"
-          class="appLogo h-auto"
-          :style="
-            store.state.zoConfig.custom_logo_text != '' ? 'width: 9.375rem;' : 'width: 15.625rem;'
-          "
-          :src="
-            isDark
-              ? getImageURL('images/common/openobserve_latest_dark_2.svg')
-              : getImageURL('images/common/openobserve_latest_light_2.svg')
-          "
-        />
+          href="https://openobserve.ai/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <img
+            class="appLogo h-auto"
+            :style="
+              store.state.zoConfig.custom_logo_text != '' ? 'width: 9.375rem;' : 'width: 15.625rem;'
+            "
+            :src="
+              isDark
+                ? getImageURL('images/common/openobserve_latest_dark_2.svg')
+                : getImageURL('images/common/openobserve_latest_light_2.svg')
+            "
+            :alt="t('login.openObserveLogoAlt')"
+          />
+        </a>
       </div>
       <div class="mb-4 flex justify-center" v-else>
-        <img
-          class="appLogo h-auto"
-          :style="
-            store.state.zoConfig.custom_logo_text != '' ? 'width: 9.375rem;' : 'width: 15.625rem;'
-          "
-          :src="
-            isDark
-              ? getImageURL('images/common/openobserve_latest_dark_2.svg')
-              : getImageURL('images/common/openobserve_latest_light_2.svg')
-          "
-        />
+        <a href="https://openobserve.ai/" target="_blank" rel="noopener noreferrer">
+          <img
+            class="appLogo h-auto"
+            :style="
+              store.state.zoConfig.custom_logo_text != '' ? 'width: 9.375rem;' : 'width: 15.625rem;'
+            "
+            :alt="t('login.openObserveLogoAlt')"
+            :src="
+              isDark
+                ? getImageURL('images/common/openobserve_latest_dark_2.svg')
+                : getImageURL('images/common/openobserve_latest_light_2.svg')
+            "
+          />
+        </a>
       </div>
 
       <div v-if="autoRedirectDexLogin">
diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 7c8e19df53..aa1e51c4e5 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -18,15 +18,18 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   <Login v-if="user.email == '' && !showInvitations" />
   <div v-if="showInvitations && config.isCloud == 'true'">
     <div class="relative-position flex px-3 pt-2">
-      <img
-        class="h-10 max-h-10 w-auto max-w-50 cursor-pointer"
-        loading="lazy"
-        :src="
-          isDark
-            ? getImageURL('images/common/openobserve_latest_dark_2.svg')
-            : getImageURL('images/common/openobserve_latest_light_2.svg')
-        "
-      />
+      <a href="https://openobserve.ai/" target="_blank" rel="noopener noreferrer">
+        <img
+          class="h-10 max-h-10 w-auto max-w-50 cursor-pointer"
+          loading="lazy"
+          :alt="t('login.openObserveLogoAlt')"
+          :src="
+            isDark
+              ? getImageURL('images/common/openobserve_latest_dark_2.svg')
+              : getImageURL('images/common/openobserve_latest_light_2.svg')
+          "
+        />
+      </a>
     </div>
     <InvitationList
       v-if="showInvitations"