From f4a95c295c427c00a5cb2df83ad145886a9d1bf4 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Thu, 13 Dec 2018 18:22:36 +0100
Subject: WIP Begin cleanup, adds mediaquery component

---
 packages/website/ts/@next/components/definition.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

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

diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx
index e19f041c7..7f326bc52 100644
--- a/packages/website/ts/@next/components/definition.tsx
+++ b/packages/website/ts/@next/components/definition.tsx
@@ -18,7 +18,7 @@ interface Props {
     icon: string;
     iconSize?: 'medium' | 'large' | number;
     title: string;
-    description: React.Node;
+    description: Node;
     actions?: Action[];
 }
 
@@ -43,6 +43,7 @@ export const Definition = (props: Props) => (
                 <LinkWrap>
                     {props.actions.map((item, index) => (
                         <Button
+                            key={`dlink-${index}`}
                             href={item.url}
                             isWithArrow={true}
                             isAccentColor={true}
@@ -56,7 +57,7 @@ export const Definition = (props: Props) => (
     </Wrap>
 );
 
-const Wrap = styled.div`
+const Wrap = styled.div<Props>`
     max-width: ${props => props.isInline && '354px'};
 
     & + & {
@@ -81,7 +82,7 @@ const Wrap = styled.div`
     }
 `;
 
-const TextWrap = styled.div`
+const TextWrap = styled.div<Props>`
     width: 100%;
     max-width: 560px;
 
-- 
cgit v1.2.3

