Add blog to topBar and as a consequence support external links in topBar menu items

1 files changed, 15 insertions, 3 deletions

diff --git a/packages/website/ts/components/top_bar/top_bar_menu_item.tsx b/packages/website/ts/components/top_bar/top_bar_menu_item.tsx
index 96ee86142..983050abc 100644
--- a/packages/website/ts/components/top_bar/top_bar_menu_item.tsx
+++ b/packages/website/ts/components/top_bar/top_bar_menu_item.tsx
@@ -11,6 +11,7 @@ interface TopBarMenuItemProps {
     title: string;
     path?: string;
     isPrimary?: boolean;
+    isExternal: boolean;
     style?: React.CSSProperties;
     className?: string;
     isNightVersion?: boolean;
@@ -43,9 +44,20 @@ export class TopBarMenuItem extends React.Component<TopBarMenuItemProps, TopBarM
                 className={`center ${this.props.className}`}
                 style={{ ...this.props.style, ...primaryStyles, color: menuItemColor }}
             >
-                <Link to={this.props.path} className="text-decoration-none" style={{ color: linkColor }}>
-                    {this.props.title}
-                </Link>
+                {this.props.isExternal ? (
+                    <a
+                        className="text-decoration-none"
+                        style={{ color: linkColor }}
+                        target="_blank"
+                        href={this.props.path}
+                    >
+                        {this.props.title}
+                    </a>
+                ) : (
+                    <Link to={this.props.path} className="text-decoration-none" style={{ color: linkColor }}>
+                        {this.props.title}
+                    </Link>
+                )}
             </div>
         );
     }