From 0341ced3f35df5cf63594fe801ee193930dcf5cb Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Mon, 10 Dec 2018 14:28:29 +0100
Subject: Add link to mission

---
 packages/website/ts/@next/components/link.tsx | 34 +++++++++++++--------------
 1 file changed, 17 insertions(+), 17 deletions(-)

(limited to 'packages/website/ts/@next/components')

diff --git a/packages/website/ts/@next/components/link.tsx b/packages/website/ts/@next/components/link.tsx
index db8f433b3..c240a0cdc 100644
--- a/packages/website/ts/@next/components/link.tsx
+++ b/packages/website/ts/@next/components/link.tsx
@@ -17,22 +17,6 @@ interface LinkInterface {
     };
 }
 
-const StyledLink = styled(ReactRouterLink)<LinkInterface>`
-    display: ${props => !props.isBlock && 'inline-flex'};
-    color: ${props => props.color || props.theme.linkColor};
-    text-align: center;
-    font-size: 18px;
-    text-decoration: none;
-    align-items: center;
-
-    @media (max-width: 768px) {
-    }
-
-    svg {
-        margin-left: 3px;
-    }
-`;
-
 export const Link = (props: LinkInterface) => {
     const {
         children,
@@ -43,7 +27,7 @@ export const Link = (props: LinkInterface) => {
     return (
         <StyledLink to={href} {...props}>
             {children}
-            {!isNoArrow && <svg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.484 5.246l.023 1.411 8.147.053L4.817 18.547l.996.996L17.65 7.706l.052 8.146 1.411.024-.068-10.561-10.561-.069z" fill="#00AE99"/></svg>}
+            {!isNoArrow && <svg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.484 5.246l.023 1.411 8.147.053L4.817 18.547l.996.996L17.65 7.706l.052 8.146 1.411.024-.068-10.561-10.561-.069z" fill="currentColor"/></svg>}
         </StyledLink>
     );
 };
@@ -56,3 +40,19 @@ export const LinkWrap = styled.div`
         margin-left: 20px;
     }
 `;
+
+const StyledLink = styled(ReactRouterLink)<LinkInterface>`
+    display: ${props => !props.isBlock && 'inline-flex'};
+    color: ${props => props.color || props.theme.linkColor};
+    text-align: center;
+    font-size: 18px;
+    text-decoration: none;
+    align-items: center;
+
+    @media (max-width: 768px) {
+    }
+
+    svg {
+        margin-left: 3px;
+    }
+`;
-- 
cgit v1.2.3