From a9b4027dc49b601af26f9ab1be2d97b32d46b073 Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Wed, 26 Sep 2018 13:37:25 +0100
Subject: Create a link ui component that abstracts away interval vs. internal
 links

---
 packages/website/ts/components/ui/link.tsx | 42 ++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 packages/website/ts/components/ui/link.tsx

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

diff --git a/packages/website/ts/components/ui/link.tsx b/packages/website/ts/components/ui/link.tsx
new file mode 100644
index 000000000..252199457
--- /dev/null
+++ b/packages/website/ts/components/ui/link.tsx
@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { Link as ReactRounterLink } from 'react-router-dom';
+
+export interface LinkProps {
+    to: string;
+    isExternal?: boolean;
+    shouldOpenInNewTab?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+
+export const Link: React.StatelessComponent<LinkProps> = ({
+    style,
+    className,
+    isExternal,
+    to,
+    shouldOpenInNewTab,
+    children,
+}) => {
+    if (isExternal) {
+        return (
+            <a target={shouldOpenInNewTab && '_blank'} className={className} style={style} href={to}>
+                {children}
+            </a>
+        );
+    } else {
+        return (
+            <ReactRounterLink to={to} className={className} style={style}>
+                {children}
+            </ReactRounterLink>
+        );
+    }
+};
+
+Link.defaultProps = {
+    isExternal: false,
+    shouldOpenInNewTab: false,
+    style: {},
+    className: '',
+};
+
+Link.displayName = 'Link';
-- 
cgit v1.2.3