From 529c3f3ea3249d648692277e8667385e195b02a4 Mon Sep 17 00:00:00 2001
From: tonyco97 <tonyco97.tc@gmail.com>
Date: Fri, 10 Jan 2025 15:40:47 +0100
Subject: [PATCH] fix: missing color for physical device dot

---
 src/components/CallView/index.tsx | 4 ++--
 src/index.css                     | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/CallView/index.tsx b/src/components/CallView/index.tsx
index a55a6ff..1176c72 100644
--- a/src/components/CallView/index.tsx
+++ b/src/components/CallView/index.tsx
@@ -83,12 +83,12 @@ const CallView: FC<CallViewProps> = () => {
             className={`${
               !isOpen ? 'pi-h-6 pi-w-6' : 'pi-w-8 pi-h-8'
             } pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ${
-              color === 'red' ? 'pi-bg-red-400' : 'pi-bg-green-400'
+              color === 'red' ? 'pi-bg-red-400' : 'animationDotBackgroundGreen'
             } pi-opacity-75 `}
           ></span>
           <FontAwesomeIcon
             className={`pi-w-4 pi-h-6 pi-rotate-45 ${
-              color === 'red' ? 'pi-text-red-500' : 'pi-text-green-500'
+              color === 'red' ? 'pi-text-red-500' : 'animationDotTextGreen'
             }`}
             icon={faCircle}
           ></FontAwesomeIcon>
diff --git a/src/index.css b/src/index.css
index 06a4ca4..c3a46c3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -71,3 +71,11 @@ input::placeholder {
   margin-block-start: 0;
   margin-block-end: 0;
 }
+
+.animationDotBackgroundGreen {
+  background-color: rgb(74, 222, 128);
+}
+
+.animationDotTextGreen {
+  color: rgb(34, 197, 94);
+}