From ab245fe7dec88c509452dab75fff523c4c4a9461 Mon Sep 17 00:00:00 2001 From: fragosti Date: Thu, 1 Nov 2018 17:52:15 -0700 Subject: feat: implement basic token selection UI --- packages/instant/src/components/ui/circle.tsx | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 packages/instant/src/components/ui/circle.tsx (limited to 'packages/instant/src/components/ui/circle.tsx') diff --git a/packages/instant/src/components/ui/circle.tsx b/packages/instant/src/components/ui/circle.tsx new file mode 100644 index 000000000..bd967d326 --- /dev/null +++ b/packages/instant/src/components/ui/circle.tsx @@ -0,0 +1,24 @@ + +import { styled } from '../../style/theme'; + +export interface CircleProps { + className?: string; + diameter: number; + fillColor?: string; +} + +export const Circle = + styled.div < + CircleProps > + ` + width: ${props => props.diameter}px; + height: ${props => props.diameter}px; + background-color: ${props => props.fillColor}; + border-radius: 50%; +`; + +Circle.displayName = 'Circle'; + +Circle.defaultProps = { + fillColor: 'white', +}; -- cgit v1.2.3 From 515b8712a11a5e9b7ea5264514f6ee8ecf25361c Mon Sep 17 00:00:00 2001 From: fragosti Date: Thu, 1 Nov 2018 18:59:28 -0700 Subject: chore: prettier and linter --- packages/instant/src/components/ui/circle.tsx | 1 - 1 file changed, 1 deletion(-) (limited to 'packages/instant/src/components/ui/circle.tsx') diff --git a/packages/instant/src/components/ui/circle.tsx b/packages/instant/src/components/ui/circle.tsx index bd967d326..e7a29d59c 100644 --- a/packages/instant/src/components/ui/circle.tsx +++ b/packages/instant/src/components/ui/circle.tsx @@ -1,4 +1,3 @@ - import { styled } from '../../style/theme'; export interface CircleProps { -- cgit v1.2.3 From cc4ccda6232af470b96950a37fa1d0f4b4ef7f3a Mon Sep 17 00:00:00 2001 From: fragosti Date: Fri, 2 Nov 2018 14:21:04 -0700 Subject: chore: address PR comments --- packages/instant/src/components/ui/circle.tsx | 1 - 1 file changed, 1 deletion(-) (limited to 'packages/instant/src/components/ui/circle.tsx') diff --git a/packages/instant/src/components/ui/circle.tsx b/packages/instant/src/components/ui/circle.tsx index e7a29d59c..eec2777d2 100644 --- a/packages/instant/src/components/ui/circle.tsx +++ b/packages/instant/src/components/ui/circle.tsx @@ -1,7 +1,6 @@ import { styled } from '../../style/theme'; export interface CircleProps { - className?: string; diameter: number; fillColor?: string; } -- cgit v1.2.3