Open url in same tab (#157)

code4romania · Apr 17, 2020 · f10b6ff · f10b6ff · vercel · Apr 17, 2020
1 parent 9850b3c
commit f10b6ff
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@code4ro/taskforce-fe-components",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "private": false,
   "dependencies": {
     "bulma": "^0.8.0",

diff --git a/src/components/logo/logo.js b/src/components/logo/logo.js
@@ -2,11 +2,11 @@ import React from "react";
 import PropTypes from "prop-types";
 import "./logo.scss";
 
-export const Logo = ({ children, url, imgClass }) => {
+export const Logo = ({ children, url, target, imgClass }) => {
   return (
     <div className="logo">
       {url ? (
-        <a href={url} target="_blank" rel="noopener noreferrer">
+        <a href={url} target={target} rel="noopener noreferrer">
           <span className={imgClass}>{children}</span>
         </a>
       ) : (
@@ -19,5 +19,10 @@ export const Logo = ({ children, url, imgClass }) => {
 Logo.propTypes = {
   children: PropTypes.node.isRequired,
   url: PropTypes.string,
-  imgClass: PropTypes.string
+  imgClass: PropTypes.string,
+  target: PropTypes.oneOf(["_blank", "_self", "_parent", "_top"])
+};
+
+Logo.defaultProps = {
+  target: "_blank"
 };
diff --git a/src/components/logo/logo.stories.js b/src/components/logo/logo.stories.js
@@ -11,6 +11,11 @@ export const regular = () => (
     <Code4Logo />
   </Logo>
 );
+export const openUrlInSameTab = () => (
+  <Logo url="https://code4.ro" target="_self">
+    <Code4Logo />
+  </Logo>
+);
 export const withUrl = () => (
   <Logo url="https://code4.ro">
     <Code4Logo />