add more top links

CosmosContracts · Aug 5, 2021 · e9c8a0a · e9c8a0a
1 parent fd85cb2
commit e9c8a0a
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/src/containers/Dashboard/Header/index.css b/src/containers/Dashboard/Header/index.css
@@ -13,10 +13,6 @@
     padding: 0 100px;
 }
 
-.header > div:nth-child(2) {
-    margin-right: 40px;
-}
-
 .header_right1 {
     position: absolute;
     background: linear-gradient(140.35deg, #FFC8C8 7.97%, #FF7070 50.61%);
@@ -34,6 +30,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    margin-right: 40px;
 }
 
 .stake_drop > img {

diff --git a/src/containers/Dashboard/Header/index.js b/src/containers/Dashboard/Header/index.js
@@ -11,15 +11,29 @@ const Header = (props) => {
         window.open('https://stakedrop.junochain.com', '_blank');
     };
 
+    const docs = () => {
+        window.open('https://github.com/CosmosContracts', '_blank');
+    };
+
+    const blog = () => {
+        window.open('https://medium.com/@JunoNetwork/', '_blank');
+    };
+
     return (
         <div className="header">
             <div className="header_right1"/>
-            <div className="stake_drop" onClick={stakeDrop}>
-                {variables[props.lang].stakedrop}
+            <div className="stake_drop" onClick={docs}>
+                {variables[props.lang].docs}
                 <img alt="link" src={externelLink} />
             </div>
-            {/* <div> {variables[props.lang].developers}</div> */}
-            {/* <div> {variables[props.lang].validators}</div> */}
+            <div className="stake_drop"  onClick={stakeDrop}> 
+                {variables[props.lang].stakedrop}
+                <img alt="link" src={externelLink} />
+            </div> 
+            <div className="stake_drop"  onClick={blog}> 
+                {variables[props.lang].blog}
+                <img alt="link" src={externelLink} />
+            </div> 
         </div>
     );
 };

diff --git a/src/utils/variables.js b/src/utils/variables.js
@@ -3,7 +3,9 @@ const variables = {
         developers: 'Developers',
         validators: 'Validators',
         stakedrop: 'Stakedrop',
-
+        docs: 'Docs',
+        blog: 'Blog',
+
         smart_contracts_evolved: 'Smart Contracts Evolved.',
         section1_content: 'Juno is an interoperable smart contract network. Highly scalable, robust, secure and easy to deploy!',
         get_started: 'Get Started',