Merge pull request #1156 from ZopaPublic/nav-new-tab

feat: make theme navbar link open in a new tab

Author: OlenaKashuba

.changeset/spicy-spies-judge.md

@@ -0,0 +1,5 @@
+---
+'@zopauk/react-components': patch
+---
+
+Make theme navbar link open in a new tab

src/components/organisms/NavbarLite/NavbarLite.tsx

@@ -206,7 +206,11 @@ const NavbarLiteWrapper = ({ children, isCobranded }: React.PropsWithChildren<Na
       <PageNavigation overlap={overThreshold} collapsed theme={theme}>
         <ConditionalWrapper
           condition={typeof theme.navbar.href !== 'undefined'}
-          wrapper={(children) => <a href={theme?.navbar?.href}>{children}</a>}
+          wrapper={(children) => (
+            <a href={theme?.navbar?.href} target="_blank" title="Link opens in a new tab" rel="noreferrer">
+              {children}
+            </a>
+          )}
         >
           <Headroom
             wrapperStyle={{ maxHeight: overThreshold ? `${navbarClosedHeight}px` : `${navbarOpenHeight}px` }}