phoneIslandEvents. Added open and close events for transfer and socket (

#55)
nethesis · Aug 2, 2024 · 460ed41 · 460ed41
1 parent 6111dc3
commit 460ed41
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 5 deletions.
diff --git a/docs/EVENTS.md b/docs/EVENTS.md
@@ -405,7 +405,13 @@ eventDispatch(`<event-name>`, `<data-object>`)
   {}
   ```
 
-- `phone-island-call-transfer-successfully` The event to advert if a transfer has been made successfully
+- `phone-island-call-transfer-successfully-popup-open` The event to advert if a transfer has been made successfully and phone-island popup is open
+
+  ```json
+  {}
+  ```
+
+- `phone-island-call-transfer-successfully-popup-close` The event to advert if a transfer has been made successfully and phone-island popup is close
 
   ```json
   {}
@@ -831,3 +837,15 @@ eventDispatch(`<event-name>`, `<data-object>`)
   ```json
   {}
   ```
+
+- `phone-island-socket-disconnected-popup-open` Indicates that webscket connection missing popup appear
+
+  ```json
+  {}
+  ```
+
+- `phone-island-socket-disconnected-popup-close` Indicates that webscket connection missing popup disappear
+
+  ```json
+  {}
+  ```
diff --git a/src/App.tsx b/src/App.tsx
@@ -156,8 +156,12 @@ export const PhoneIsland: FC<PhoneIslandProps> = ({
     eventDispatch('phone-island-default-device-changed', {})
   })
 
-  useEventListener('phone-island-call-transfer-successfully', () => {
-    console.log('Call transferred successfully')
+  useEventListener('phone-island-call-transfer-successfully-popup-open', () => {
+    console.log('Call transferred successfully and popup opened')
+  })
+
+  useEventListener('phone-island-call-transfer-successfully-popup-close', () => {
+    console.log('Call transferred successfully and popup closed')
   })
 
   useEventListener('phone-island-call-transfer-failed', () => {

diff --git a/src/components/Hangup.tsx b/src/components/Hangup.tsx
@@ -46,9 +46,10 @@ const Hangup: FC<HangupProps> = ({
     if (transferring) {
       setTimeout(() => {
         dispatch.alerts.setAlert('call_transfered')
-        eventDispatch('phone-island-call-transfer-successfully', {})
+        eventDispatch('phone-island-call-transfer-successfully-popup-open', {})
         setTimeout(() => {
           dispatch.alerts.removeAlert('call_transfered')
+          eventDispatch('phone-island-call-transfer-successfully-popup-close', {})
         }, 2000)
       }, 300)
     }

diff --git a/src/components/Socket.tsx b/src/components/Socket.tsx
@@ -269,6 +269,7 @@ export const Socket: FC<SocketProps> = ({
             () => {
               // Remove socket_down alert
               dispatch.alerts.removeAlert('socket_down')
+              eventDispatch('phone-island-socket-disconnected-popup-close', {})
               // Calculate and log latency
               const latency = Date.now() - start
               console.debug(`Socket latency: ${latency}ms`)
@@ -277,7 +278,7 @@ export const Socket: FC<SocketProps> = ({
             () => {
               // Set socket_down alert
               dispatch.alerts.setAlert('socket_down')
-              eventDispatch('phone-island-socket-disconnected', {})
+              eventDispatch('phone-island-socket-disconnected-popup-open', {})
               console.debug('Socket is unreachable!')
             },
             7 * 1000, // Waits for the response 7 seconds