From c52a089e49ad27174f61f681b2c01c0b5c20547f Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Mon, 25 Nov 2019 22:37:59 +0700
Subject: [PATCH] Circle and Rectangle use pure styles

---
 client/placeholders/Circle.tsx    | 3 ++-
 client/placeholders/Rectangle.tsx | 8 ++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/placeholders/Circle.tsx b/client/placeholders/Circle.tsx
index f09127f..41c3959 100644
--- a/client/placeholders/Circle.tsx
+++ b/client/placeholders/Circle.tsx
@@ -7,8 +7,9 @@ interface CircleProps {
 const Circle: React.FC<CircleProps> = ({ size = 16 }) => {
     return (
         <div
-            className="bg-black-30 br-pill"
             style={{
+                backgroundColor: 'rgba(0, 0, 0, .3)',
+                borderRadius: '9999px',
                 height: `${size}px`,
                 width: `${size}px`,
             }}
diff --git a/client/placeholders/Rectangle.tsx b/client/placeholders/Rectangle.tsx
index b76cc3d..39113cd 100644
--- a/client/placeholders/Rectangle.tsx
+++ b/client/placeholders/Rectangle.tsx
@@ -7,8 +7,12 @@ interface RectangleProps {
 const Rectangle: React.FC<RectangleProps> = ({ height = 8 }) => {
     return (
         <div
-            className="w-100 bg-black-30 br1"
-            style={{ height: `${height}px` }}
+            style={{
+                backgroundColor: 'rgba(0, 0, 0, .3)',
+                borderRadius: '2px',
+                height: `${height}px`,
+                width: '100%',
+            }}
         />
     );
 };