Use a native link for top bar logo (#2632)

* refactor(application-shell): use a native link for top bar logo * ci: try to fix deployment status error * chore: added changeset
commercetools · Jun 3, 2022 · 8829ae8 · 8829ae8 · github-actions · Jun 3, 2022
1 parent 7e34301
commit 8829ae8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/.changeset/flat-hounds-switch.md b/.changeset/flat-hounds-switch.md
@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/application-shell': patch
+---
+
+Update the link for the main logo in the topbar (top left corner) to be a native one
diff --git a/packages/application-shell/src/components/app-bar/app-bar.tsx b/packages/application-shell/src/components/app-bar/app-bar.tsx
@@ -1,6 +1,5 @@
 import type { TFetchLoggedInUserQuery } from '../../types/generated/mc';
 
-import { Link } from 'react-router-dom';
 import { css } from '@emotion/react';
 import Spacings from '@commercetools-uikit/spacings';
 import { customProperties } from '@commercetools-uikit/design-system';
@@ -51,9 +50,9 @@ const AppBar = (props: Props) => {
           {!props.user ? (
             <img src={LogoSVG} width="100%" alt="Logo" />
           ) : (
-            <Link to={`/${previousProjectKey || ''}`}>
+            <a href={`/${previousProjectKey || ''}`}>
               <img src={LogoSVG} width="100%" alt="Logo" />
-            </Link>
+            </a>
           )}
         </div>