From c44a91accd0a428a3e5a716460dacb0456a847e4 Mon Sep 17 00:00:00 2001
From: Roland Osborne <rolandosborne@gmail.com>
Date: Fri, 7 Feb 2025 11:04:55 -0800
Subject: [PATCH] hide ui glitch where call accepted but call status update
 delayed

---
 app/client/mobile/src/ring/Ring.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/client/mobile/src/ring/Ring.tsx b/app/client/mobile/src/ring/Ring.tsx
index 0ec33ff2..54cc3fac 100644
--- a/app/client/mobile/src/ring/Ring.tsx
+++ b/app/client/mobile/src/ring/Ring.tsx
@@ -7,6 +7,8 @@ import { Text, Surface, IconButton, ActivityIndicator } from 'react-native-paper
 import { Confirm } from '../confirm/Confirm';
 import { Colors } from '../constants/Colors';
 
+const ACCEPT_DELAY_MS = 100;
+
 export function Ring() {
   const { state, actions } = useRing();
   const [alert, setAlert] = useState(false);
@@ -51,6 +53,7 @@ export function Ring() {
       setAccepting(callId);
       try {
         await actions.accept(callId, card);
+        await new Promise((r) => setTimeout(r, ACCEPT_DELAY_MS));
       } catch (err) {
         console.log(err);
         setAlert(true);