Added parking section (#34)

* feat: add parking feature
* feat: add pulse notification on parked calls

Co-authored-by: Edoardo Spadoni <[email protected]>

Author: therockerline

package-lock.json

@@ -67,6 +67,7 @@
     "electron-vite": "^2.0.0",
     "eslint": "^8.56.0",
     "eslint-plugin-react": "^7.33.2",
+    "framer-motion": "^11.11.8",
     "i18next": "^22.4.9",
     "i18next-browser-languagedetector": "^7.0.1",
     "i18next-electron-fs-backend": "^3.0.1",

package.json

@@ -797,6 +797,7 @@
     "Pick up": "Pick up",
     "Parking": "Parking",
     "Hold": "Hold",
+    "No parked call": "No parked calls found",
     "Click and hold to take current parking in call": "Click and hold to take current parking in call"
   },
   "Devices": {

public/locales/en/translations.json

@@ -798,6 +798,7 @@
     "Pick up": "Riprendi",
     "Parking": "Parcheggio",
     "Hold": "Tieni premuto",
+    "No parked call": "Nessuna chiamata parcheggiata trovata",
     "Click and hold to take current parking in call": "Clicca e tieni premuto per riprendere la chiamata parcheggiata"
   },
   "Devices": {

public/locales/it/translations.json

@@ -209,49 +209,58 @@ function attachOnReadyProcess() {
 
   async function startApp(attempt = 0) {
     const data = store.getFromDisk()
-    store.updateStore(data, 'startApp')
-    log('START APP, retry:', attempt)
-    if (!store.store.connection) {
-      log('NO CONNECTION', attempt, store.store)
-      if (attempt >= 3)
-        SplashScreenController.instance.window.emit(IPC_EVENTS.SHOW_NO_CONNECTION)
-      retryAppStart = setTimeout(() => {
-        startApp(++attempt)
-      }, 1000)
-    } else {
-      if (retryAppStart) {
-        clearTimeout(retryAppStart)
-      }
-      const auth: AuthAppData | undefined = store.store['auth']
-      await getPermissions()
-      if (auth?.isFirstStart !== undefined && !auth?.isFirstStart) {
-        const isLastUserLogged = await AccountController.instance.autoLogin()
-        if (isLastUserLogged) {
-          ipcMain.emit(IPC_EVENTS.LOGIN, undefined, { showNethlink: true })
+    if (checkData(data)) {
+      store.updateStore(data, 'startApp')
+      log('START APP, retry:', attempt)
+      if (!store.store.connection) {
+        log('NO CONNECTION', attempt, store.store)
+        if (attempt >= 3)
+          SplashScreenController.instance.window.emit(IPC_EVENTS.SHOW_NO_CONNECTION)
+        retryAppStart = setTimeout(() => {
+          startApp(++attempt)
+        }, 1000)
+      } else {
+        if (retryAppStart) {
+          clearTimeout(retryAppStart)
+        }
+        const auth: AuthAppData | undefined = store.store['auth']
+        await getPermissions()
+        if (auth?.isFirstStart !== undefined && !auth?.isFirstStart) {
+          const isLastUserLogged = await AccountController.instance.autoLogin()
+          if (isLastUserLogged) {
+            ipcMain.emit(IPC_EVENTS.LOGIN, undefined, { showNethlink: true })
+          } else {
+            store.updateStore({
+              auth: {
+                ...store.store['auth']!,
+                lastUser: undefined,
+                lastUserCryptPsw: undefined
+              },
+              account: undefined,
+              theme: 'system',
+              connection: store.store['connection'] || false,
+            }, 'showLogin')
+            showLogin()
+          }
         } else {
-          store.updateStore({
-            auth: {
-              ...store.store['auth']!,
-              lastUser: undefined,
-              lastUserCryptPsw: undefined
-            },
-            account: undefined,
-            theme: 'system',
-            connection: store.store['connection'] || false,
-          }, 'showLogin')
+          await resetApp()
           showLogin()
         }
-      } else {
-        await resetApp()
-        showLogin()
+        SplashScreenController.instance.window.quit(true)
+        //once the loading is complete I enable the ability to click on the icon in the tray
+        TrayController.instance.updateTray({
+          enableShowButton: true
+        })
       }
+    } else {
+      await resetApp()
+      showLogin()
       SplashScreenController.instance.window.quit(true)
       //once the loading is complete I enable the ability to click on the icon in the tray
       TrayController.instance.updateTray({
         enableShowButton: true
       })
     }
-
   }
 
   app.on('window-all-closed', () => {
@@ -417,7 +426,7 @@ function attachThemeChangeListener() {
       store.set('theme', updatedSystemTheme)
     }
     //update theme state on the store
-    TrayController.instance.changeIconByTheme(updatedSystemTheme)
+    TrayController.instance?.changeIconByTheme(updatedSystemTheme)
   })
 }
 /**
@@ -485,5 +494,14 @@ async function checkForUpdate() {
   }
 }
 
+function checkData(data: any): boolean {
+  log({ data })
+  return data.hasOwnProperty('account') &&
+    data.hasOwnProperty('auth') &&
+    data.hasOwnProperty('theme') &&
+    data.hasOwnProperty('connection')
+}
+
 //BEGIN APP
 startup()
+

src/main/main.ts

@@ -797,6 +797,7 @@
     "Pick up": "Pick up",
     "Parking": "Parking",
     "Hold": "Hold",
+    "No parked call": "No parked calls found",
     "Click and hold to take current parking in call": "Click and hold to take current parking in call"
   },
   "Devices": {

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

@@ -798,6 +798,7 @@
     "Pick up": "Riprendi",
     "Parking": "Parcheggio",
     "Hold": "Tieni premuto",
+    "No parked call": "Nessuna chiamata parcheggiata trovata",
     "Click and hold to take current parking in call": "Clicca e tieni premuto per riprendere la chiamata parcheggiata"
   },
   "Devices": {

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

@@ -0,0 +1,19 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+
+
+export interface EmptyListProps {
+  icon: IconProp,
+  text: string
+}
+export const EmptyList = ({ icon, text }: EmptyListProps) => {
+
+  return (
+    <div className="flex flex-col justify-between items-center gap-5 py-[28px] bg-hoverLight dark:bg-hoverDark min-h-[132px] mt-4 rounded-lg ml-5 mr-3">
+      <div className="text-emptyIconLight dark:text-emptyIconDark">
+        <FontAwesomeIcon icon={icon} className="text-[28px] " />
+      </div>
+      <span className="text-center text-emptyTextLight dark:text-emptyTextDark text-sm">{text}</span>
+    </div>
+  )
+}

src/renderer/src/components/EmptyList.tsx

@@ -84,21 +84,36 @@ export function LastCall({
   const handleCreateContact = () => {
     handleSelectedCallContact(
       (call.direction === 'in' ? call.src : call.dst) || '',
-      call.direction === 'out'
-        ? call?.dst_cnam || call?.dst_ccompany
-        : call.direction === 'in'
-          ? call?.cnam || call?.ccompany
+      call.direction === 'in'
+        ? call?.cnam || call?.ccompany
+        : call.direction === 'out'
+          ? call?.dst_cnam || call?.dst_ccompany
           : undefined
     )
     showContactForm()
   }
 
+  const getCallName = (call: LastCallData) => {
+    return `${call.direction === 'in'
+      ? (call.cnam || call.ccompany || t('Common.Unknown'))
+      : call.direction === 'out'
+        ? (call.dst_cnam || call.dst_ccompany || t('Common.Unknown'))
+        : t('Common.Unknown')
+      }`
+  }
+
   return (
     <div className="group">
       <div
         className={`flex flex-grow gap-3 min-h-[72px] p-2 ${className}`}
         onMouseEnter={() => {
-          if (call.username === t('Common.Unknown')) {
+          if (
+            call.direction === 'in'
+              ? !(call.src || call.ccompany)
+              : call.direction === 'out'
+                ? !(call.dst_cnam || call.dst_ccompany)
+                : false
+          ) {
             setShowCreateButton(() => true)
           }
         }}
@@ -130,9 +145,9 @@ export function LastCall({
         </div>
         <div className="flex flex-col gap-1 dark:text-titleDark text-titleLight">
           <p className={`tooltip-username-${call?.username} font-medium text-[14px] leading-5`}>
-            {truncate(call.username, 13)}
+            {truncate(getCallName(call), 13)}
           </p>
-          <Tooltip anchorSelect={`.tooltip-username-${call?.username}`}>{call.username}</Tooltip>
+          <Tooltip anchorSelect={`.tooltip-username-${call?.username}`}>{getCallName(call)}</Tooltip>
           <div className="flex flex-row gap-2 items-center">
             <div className={`h-4 w-4 call_${call.uniqueid?.replace('.', '_')}`}>
               {call.disposition === 'NO ANSWER' ? (