refactor: support height prop for Card component

LN-Zap · Jun 5, 2019 · f8fdada · f8fdada
1 parent 3456bc0
commit f8fdada
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/renderer/components/UI/Card.js b/renderer/components/UI/Card.js
@@ -1,9 +1,13 @@
 import React from 'react'
+import styled from 'styled-components'
+import { height } from 'styled-system'
 import { Card as BaseCard } from 'rebass'
 
+const StyledCard = styled(BaseCard)(height)
+
 const Card = React.forwardRef((props, ref) => {
   return (
-    <BaseCard
+    <StyledCard
       ref={ref}
       as="section"
       bg="primaryColor"

diff --git a/test/unit/components/UI/__snapshots__/Card.spec.js.snap b/test/unit/components/UI/__snapshots__/Card.spec.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`component.UI.Card should render correctly 1`] = `
-<Styled(styled.div)
+<Styled(Styled(styled.div))
   as="section"
   bg="primaryColor"
   borderRadius={5}
@@ -10,5 +10,5 @@ exports[`component.UI.Card should render correctly 1`] = `
   p={3}
 >
   content
-</Styled(styled.div)>
+</Styled(Styled(styled.div))>
 `;