feat: add incoming calls settings dialog (#78)

Co-authored-by: Antonio <[email protected]>

Author: edospadoni

package-lock.json

@@ -49,7 +49,7 @@
     "@nethesis/nethesis-brands-svg-icons": "github:nethesis/Font-Awesome#ns-brands",
     "@nethesis/nethesis-light-svg-icons": "github:nethesis/Font-Awesome#ns-light",
     "@nethesis/nethesis-solid-svg-icons": "github:nethesis/Font-Awesome#ns-solid",
-    "@nethesis/phone-island": "^0.17.8",
+    "@nethesis/phone-island": "^0.17.11",
     "@tailwindcss/forms": "^0.5.7",
     "@types/lodash": "^4.14.202",
     "@types/node": "^18.19.9",

package.json

@@ -331,6 +331,8 @@
     "Wrong file type": "Wrong file type",
     "Delete profile picture": "Delete profile picture",
     "Devices": "Audio and Video",
+    "IncomingCalls": "Incoming Calls",
+    "Ringtone": "Ringtone",
     "Time preferences": "Time preferences",
     "Login/logout preferences": "Login/logout preferences",
     "Logout from queue automatically": "Logout from queue automatically",

public/locales/en/translations.json

@@ -331,6 +331,8 @@
     "Wrong file type": "Formato file errato",
     "Delete profile picture": "Elimina immagine profilo",
     "Devices": "Audio e Video",
+    "IncomingCalls": "Chiamate in Arrivo",
+    "Ringtone": "Suoneria",
     "Time preferences": "Preferenze di tempo",
     "Login/logout preferences": "Preferenze di entrata/uscita",
     "Logout from queue automatically": "Esci dalla coda automaticamente",

public/locales/it/translations.json

@@ -284,6 +284,26 @@ export function registerIpcEvents() {
     PhoneIslandController.instance.window.emit(IPC_EVENTS.CHANGE_PREFERRED_DEVICES, devices)
   })
 
+  ipcMain.on(IPC_EVENTS.CHANGE_RINGTONE_SETTINGS, (_, settings) => {
+    Log.info('Received CHANGE_RINGTONE_SETTINGS in ipcEvents:', settings)
+    PhoneIslandController.instance.window.emit(IPC_EVENTS.CHANGE_RINGTONE_SETTINGS, settings)
+  })
+
+  ipcMain.on(IPC_EVENTS.PLAY_RINGTONE_PREVIEW, (_, audioData) => {
+    PhoneIslandController.instance.window.emit(IPC_EVENTS.PLAY_RINGTONE_PREVIEW, audioData)
+  })
+
+  ipcMain.on(IPC_EVENTS.STOP_RINGTONE_PREVIEW, () => {
+    PhoneIslandController.instance.window.emit(IPC_EVENTS.STOP_RINGTONE_PREVIEW)
+  })
+
+  ipcMain.on(IPC_EVENTS.AUDIO_PLAYER_CLOSED, () => {
+    // Broadcast to all windows
+    BrowserWindow.getAllWindows().forEach(window => {
+      window.webContents.send(IPC_EVENTS.AUDIO_PLAYER_CLOSED)
+    })
+  })
+
   ipcMain.on(IPC_EVENTS.CHANGE_SHORTCUT, async (_, combo) => {
     // unregister previous shortcut
     await globalShortcut.unregisterAll();

src/main/lib/ipcEvents.ts

@@ -331,6 +331,8 @@
     "Wrong file type": "Wrong file type",
     "Delete profile picture": "Delete profile picture",
     "Devices": "Audio and Video",
+    "IncomingCalls": "Incoming Calls",
+    "Ringtone": "Ringtone",
     "Time preferences": "Time preferences",
     "Login/logout preferences": "Login/logout preferences",
     "Logout from queue automatically": "Logout from queue automatically",

src/renderer/public/locales/en/translations.json

@@ -331,6 +331,8 @@
     "Wrong file type": "Formato file errato",
     "Delete profile picture": "Elimina immagine profilo",
     "Devices": "Audio e Video",
+    "IncomingCalls": "Chiamate in Arrivo",
+    "Ringtone": "Suoneria",
     "Time preferences": "Preferenze di tempo",
     "Login/logout preferences": "Preferenze di entrata/uscita",
     "Logout from queue automatically": "Esci dalla coda automaticamente",

src/renderer/public/locales/it/translations.json

@@ -11,6 +11,7 @@ import { ProfileDialog } from './ProfileDialog'
 import { PresenceForwardDialog } from './ProfileDialog/PresenceSettings/PresenceForwardDialog'
 import { SettingsShortcutDialog } from './ProfileDialog/SettingsSettings/SettingsShortcutDialog'
 import { SettingsDeviceDialog } from './ProfileDialog/SettingsSettings/SettingsDevicesDialog'
+import { SettingsIncomingCallsDialog } from './ProfileDialog/SettingsSettings/SettingsIncomingCallsDialog'
 
 export interface NavbarProps {
   onClickAccount: () => void
@@ -23,6 +24,7 @@ export function Navbar({ onClickAccount }: NavbarProps): JSX.Element {
   const [isForwardDialogOpen] = useNethlinkData('isForwardDialogOpen')
   const [isShortcutDialogOpen] = useNethlinkData('isShortcutDialogOpen')
   const [isDeviceDialogOpen] = useNethlinkData('isDeviceDialogOpen')
+  const [isIncomingCallsDialogOpen] = useNethlinkData('isIncomingCallsDialogOpen')
 
   const [isProfileDialogOpen, setIsProfileDialogOpen] = useState(false)
 
@@ -56,6 +58,7 @@ export function Navbar({ onClickAccount }: NavbarProps): JSX.Element {
       {isForwardDialogOpen && <PresenceForwardDialog />}
       {isShortcutDialogOpen && <SettingsShortcutDialog />}
       {isDeviceDialogOpen && <SettingsDeviceDialog />}
+      {isIncomingCallsDialogOpen && <SettingsIncomingCallsDialog />}
       <ProfileDialog
         isOpen={isProfileDialogOpen}
         onClose={() => setIsProfileDialogOpen(false)}

src/renderer/src/components/Modules/NethVoice/BaseModule/Navbar.tsx

@@ -2,13 +2,15 @@ import { t } from 'i18next'
 import {
   faKeyboard as KeyboardIcon,
   faHeadphones as DevicesIcon,
+  faPhoneVolume as IncomingCallsIcon,
 } from '@fortawesome/free-solid-svg-icons'
 import { useNethlinkData } from '@renderer/store'
 import { OptionElement } from '../OptionElement'
 
 export function SettingsBox({ onClose }: { onClose?: () => void }) {
   const [, setIsShortcutDialogOpen] = useNethlinkData('isShortcutDialogOpen')
   const [, setIsDeviceDialogOpen] = useNethlinkData('isDeviceDialogOpen')
+  const [, setIsIncomingCallsDialogOpen] = useNethlinkData('isIncomingCallsDialogOpen')
 
   return (
     <div className="py-2">
@@ -30,6 +32,15 @@ export function SettingsBox({ onClose }: { onClose?: () => void }) {
           if (onClose) onClose()
         }}
       />
+      <OptionElement
+        isSelected={false}
+        icon={IncomingCallsIcon}
+        label={t('Settings.IncomingCalls')}
+        onClick={() => {
+          setIsIncomingCallsDialogOpen(true)
+          if (onClose) onClose()
+        }}
+      />
     </div>
   )
 }