From ab245fe7dec88c509452dab75fff523c4c4a9461 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
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 <francesco.agosti93@gmail.com>
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 <francesco.agosti93@gmail.com>
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

