From f2a9e82e793cf7b6cc5c59aa30372bcec03eb4b1 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Mon, 23 May 2022 22:13:52 +0300
Subject: [PATCH] feat: add background-color transition

---
 src/components/BoardView.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/BoardView.tsx b/src/components/BoardView.tsx
index a64cf3f..38c7cda 100644
--- a/src/components/BoardView.tsx
+++ b/src/components/BoardView.tsx
@@ -14,6 +14,7 @@ const BallView: FunctionComponent<{ color: string }> = ({ color }) => {
         width: "1vw",
         height: "1vw",
         borderRadius: "10vw",
+        transition: "background-color 0.5s",
       }}
     ></div>
   );
@@ -43,6 +44,7 @@ const HoleView: FunctionComponent<{
         margin: "5px",
         padding: "5px",
         borderRadius: "10vw",
+        transition: "background-color 0.5s",
         display: "flex",
         alignItems: "center",
         alignContent: "center",
@@ -138,6 +140,7 @@ const BoardView: FunctionComponent<{
         gridTemplateColumns: "repeat(8, 11vw)",
         gridTemplateRows: "repeat(2, 11vw)",
         borderRadius: "3vw",
+        transition: "background-color 0.5s",
         background: isUserTurn
           ? theme.boardColor
           : theme.boardColorWhenPlayerTurn,