feat(logo): add target property (#203)

Co-authored-by: kseniyakuzina <[email protected]>
gravity-ui · Feb 22, 2024 · c04e0f0 · c04e0f0
1 parent d5e422e
commit c04e0f0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/Logo.tsx
@@ -18,6 +18,7 @@ export const Logo: React.FC<LogoProps> = ({
     iconSize = 24,
     textSize = 15,
     href,
+    target = '_self',
     wrapper,
     onClick,
 }) => {
@@ -43,7 +44,8 @@ export const Logo: React.FC<LogoProps> = ({
             className={b('btn-logo')}
             component={hasWrapper ? 'span' : undefined}
             onClick={onClick}
-            target="_self"
+            target={target}
+            rel={target === '_self' ? undefined : 'noreferrer'}
             href={href}
         >
             {buttonIcon}
@@ -73,7 +75,8 @@ export const Logo: React.FC<LogoProps> = ({
                 ) : (
                     <a
                         href={href ?? '/'}
-                        target="_self"
+                        target={target}
+                        rel={target === '_self' ? undefined : 'noreferrer'}
                         className={b('logo-link')}
                         onClick={onClick}
                     >

diff --git a/src/components/MobileLogo/MobileLogo.tsx b/src/components/MobileLogo/MobileLogo.tsx
@@ -22,6 +22,7 @@ export const MobileLogo: React.FC<MobileLogoProps> = ({
     iconSize = 32,
     textSize = 20,
     href = '/',
+    target = '_self',
     wrapper,
     onClick,
 }) => {
@@ -31,7 +32,8 @@ export const MobileLogo: React.FC<MobileLogoProps> = ({
     const linkProps = hasClickHandler
         ? {}
         : {
-              target: '_self',
+              target,
+              ref: target === '_self' ? undefined : 'noreferrer',
               href,
           };
 

diff --git a/src/components/types.ts b/src/components/types.ts
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {HTMLAttributeAnchorTarget} from 'react';
 
 import {AlertProps, IconProps} from '@gravity-ui/uikit';
 
@@ -65,6 +65,7 @@ export interface LogoProps {
     iconSize?: number;
     textSize?: number;
     href?: string;
+    target?: HTMLAttributeAnchorTarget;
     wrapper?: (node: React.ReactNode, compact: boolean) => React.ReactNode;
     onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }