feat: add incoming calls settings dialog

Author: edospadoni

public/locales/en/translations.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/it/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/en/translations.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",

src/renderer/public/locales/it/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/src/components/Modules/NethVoice/BaseModule/Navbar.tsx

@@ -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/ProfileDialog/SettingsSettings/SettingsBox.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>
   )
 }