From ba634aa0378ea69d184f498f428bc6a1c8865c54 Mon Sep 17 00:00:00 2001
From: Stefan Rimaila <stefan@rimaila.fi>
Date: Sat, 19 Oct 2019 22:58:27 +0300
Subject: [PATCH] feat(components): time-control-button: use Button component
 instead

---
 src/components/ui/TimeControlButton/index.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/TimeControlButton/index.js b/src/components/ui/TimeControlButton/index.js
index 31a66d6..56c3940 100644
--- a/src/components/ui/TimeControlButton/index.js
+++ b/src/components/ui/TimeControlButton/index.js
@@ -4,16 +4,22 @@ import * as U from 'karet.util';
 import * as R from 'kefir.ramda';
 
 import * as T from './index.d';
+
+import Button from 'components/ui/Button';
 /**
  *
  * @param {T.Props} props
  */
 function TimeControlButton({ count, children }) {
   return (
-    <button onClick={U.doModify(count, R.dec)} disabled={R.equals(count, 0)}>
+    <Button
+      group
+      action={U.doModify(count, R.dec)}
+      disabled={R.equals(count, 0)}
+    >
       {children}
       {U.when(count, U.string`(${count})`)}
-    </button>
+    </Button>
   );
 }