fix: parked call timer alignment;

fix linux startup error;
fix showed name on speeddials and lascalls;

Author: therockerline

src/main/main.ts

@@ -426,7 +426,7 @@ function attachThemeChangeListener() {
       store.set('theme', updatedSystemTheme)
     }
     //update theme state on the store
-    TrayController.instance.changeIconByTheme(updatedSystemTheme)
+    TrayController.instance?.changeIconByTheme(updatedSystemTheme)
   })
 }
 /**

src/renderer/src/components/Modules/NethVoice/LastCalls/LastCall.tsx

@@ -93,12 +93,27 @@ export function LastCall({
     showContactForm()
   }
 
+  const getCallName = (call: LastCallData) => {
+    return `${call.direction === 'in'
+      ? (call.src || 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,7 +145,7 @@ 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>
           <div className="flex flex-row gap-2 items-center">

src/renderer/src/components/Modules/NethVoice/LastCalls/LastCallsBox.tsx

@@ -54,7 +54,7 @@ export function LastCallsBox({ showContactForm }): JSX.Element {
       operator = Object.values(operators?.operators || {}).find((operator: any) => operator.name === callName)
     } else {
       operator = Object.values(operators?.operators || {}).find((operator: any) => {
-        const isExten = operator.endpoints.extension.find((exten: any) => exten.id === call.dst)
+        const isExten = operator.endpoints?.extension?.find((exten: any) => exten.id === call.dst)
         return isExten ? true : false
       })
     }

src/renderer/src/components/Modules/NethVoice/Parking/ParkedCall.tsx

@@ -1,4 +1,4 @@
-import { Account, ParkingType } from "@shared/types";
+import { ParkingType } from "@shared/types";
 import {
   faSquareParking as ParkedCallIcon,
   faPhone as CallIcon
@@ -8,11 +8,8 @@ import { Button } from "@renderer/components/Nethesis";
 import { t } from "i18next";
 import { motion } from 'framer-motion'
 import { useEffect, useRef, useState } from "react";
-import { isEmpty } from "lodash";
-import { useAccount } from "@renderer/hooks/useAccount";
-import { useStoreState } from "@renderer/store";
-import { useLoggedNethVoiceAPI } from "@renderer/hooks/useLoggedNethVoiceAPI";
 import classNames from "classnames";
+import { Tooltip } from 'react-tooltip'
 
 export interface ParkingCallProps {
   parkingDetails: ParkingType,
@@ -81,13 +78,25 @@ export const ParkedCall = ({ parkingDetails, onPickup }: ParkingCallProps) => {
         <div className="absolute flex flex-col justify-start gap-0 w-full top-0 left-0">
           <div className="flex flex-row items-center text-sm text-textYellowLight dark:text-textYellowDark gap-2">
             <FontAwesomeIcon size="1x" icon={ParkedCallIcon} className="text-[14px]" />
-            <span>
+            <span className={`text-sm text-left truncate tooltip-parked-title-${parkingDetails.name}`}>
               {t('Parks.Parking')} {parkingDetails.name}
             </span>
+            <Tooltip anchorSelect={`.tooltip-parked-title-${parkingDetails.name}`} place="bottom"
+              className="z-[100000]"
+              opacity={1}
+              noArrow={false}>
+              {t('Parks.Parking')} {parkingDetails.name}
+            </Tooltip>
           </div>
-          <span className='text-sm text-left text-gray-900 dark:text-gray-100 truncate tooltip-parked-user '>
+          <span className={`text-sm text-left text-gray-900 dark:text-gray-100 truncate tooltip-parked-user-${parkingDetails.name} `}>
             {parkingDetails?.parkedCaller?.name}
           </span>
+          <Tooltip anchorSelect={`.tooltip-parked-user-${parkingDetails.name}`} place="bottom"
+            className="z-[100000]"
+            opacity={1}
+            noArrow={false}>
+            {parkingDetails?.parkedCaller?.name}
+          </Tooltip>
         </div>
       </div>
       <div className="flex flex-row justify-end gap-6 items-center min-w-[200px] min-h-[44px]">

src/renderer/src/components/Modules/NethVoice/Parking/ParkingBox.tsx

@@ -44,7 +44,7 @@ export const ParkingBox = () => {
       <ModuleTitle
         title={`${t('Parks.Parking')} ${parkedCalls && parkedCalls.length > 0 ? `(${parkedCalls.length})` : ''}`}
       />
-      <Scrollable innerClassName={'min-w-[344px]'}>
+      <Scrollable innerClassName={'min-w-[344px] mt-2'}>
         {parkedCalls ? (
           parkedCalls.length > 0 ? (
             parkedCalls?.map((e, idx) => {

src/renderer/src/components/Modules/NethVoice/Parking/hook/useParkingModule.ts

@@ -14,8 +14,9 @@ export const useParkingModule = () => {
 
 
   const extractValidParkedCalls = (parkedCalls: ParkingType[]) => {
+
     setValidParkedCalls(() => [
-      ...(parkedCalls?.filter((p) => !!p.parkedCaller.name) || [])
+      ...(parkedCalls?.filter((p) => !!p.parkedCaller.name) || []),
     ]
     )
   }