feat: update translations,

fix hold animation

Author: therockerline

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

@@ -798,6 +798,7 @@
     "Pick up": "Riprendi",
     "Parking": "Parcheggio",
     "Hold": "Tieni premuto",
+    "No parked call": "Nessuna chimata 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/en/translations.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": {

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

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

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

@@ -77,20 +77,19 @@ export const ParkedCall = ({ parkingDetails, onPickup }: ParkingCallProps) => {
   }
 
   return (
-    <div className="relative flex flex-row justify-between items-center min-h-[44px] py-2 ">
+    <div className="relative flex flex-row justify-between items-center min-h-[44px] py-2 mr-[-8px]">
       <div className="flex flex-col gap-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>
             {t('Parks.Parking')} {parkingDetails.name}
           </span>
         </div>
-        <span className='text-sm text-left text-gray-900 dark:text-gray-100 w-44 truncate tooltip-parked-user'>
+        <span className='text-sm text-left text-gray-900 dark:text-gray-100 truncate tooltip-parked-user'>
           <div className='scrolling-text-container' ref={nameText}>
             {nameText?.current?.clientWidth && nameText?.current?.clientWidth > 180 ? (
               <>
                 <div className='scrolling-text'>{parkingDetails?.parkedCaller?.name}</div>
-                <div className='scrolling-text'>{parkingDetails?.parkedCaller?.name}</div>
               </>
             ) : (
               <>
@@ -100,58 +99,44 @@ export const ParkedCall = ({ parkingDetails, onPickup }: ParkingCallProps) => {
           </div>
         </span>
       </div>
-      <div>
-        <span
-          className={classNames(status === 'begin'
-            ? 'text-titleLight dark:text-titleDark'
-            : status === 'middle'
-              ? 'text-amber-700 dark:text-amber-500'
-              : 'text-red-700 dark:text-red-500',
-            'w-12 font-mono')}
-        >
-          {formattedTime}
-        </span>
-      </div>
+      <div className='flex-grow' />
+      <span
+        className={classNames(status === 'begin'
+          ? 'text-titleLight dark:text-titleDark'
+          : status === 'middle'
+            ? 'text-amber-700 dark:text-amber-500'
+            : 'text-red-700 dark:text-red-500',
+          'w-10 font-mono')}
+      >
+        {formattedTime}
+      </span>
       <div className='flex-grow' />
       <div
-        className='relative w-20 mr-5'
+        className='relative'
         onMouseDown={handleButtonDown}
         onMouseUp={handleButtonUp}
         onMouseLeave={handleButtonUp}
       >
-        <Button variant='white' className='tooltip-parking-button'>
-          <FontAwesomeIcon
-            icon={CallIcon}
-            className='h-4 w-4 text-gray-500 dark:text-gray-200 mr-2'
-          />
-          <span className='w-14 overflow-hidden whitespace-nowrap'>
-            {cardPressStates ? `${t('Parks.Hold')}` : `${t('Parks.Pick up')}`}
-          </span>
-        </Button>
+
         <motion.div
           initial={{ width: 0 }}
           animate={
             cardPressStates
               ? { width: '100%', transition: { duration: 2 } }
               : { width: 0 }
           }
-          className='absolute top-0 left-0 w-full h-8 bg-emerald-500 rounded-md overflow-hidden'
+          className='absolute top-[1px] left-0 w-full h-8 bg-emerald-500 rounded-md overflow-hidden'
         >
-          <motion.button
-            className='w-full h-full bg-transparent text-emerald-500 hover:text-emerald-600 rounded-md focus:outline-none'
-            onMouseDown={handleButtonDown}
-            onMouseUp={handleButtonUp}
-            onMouseLeave={handleButtonUp}
-          >
-            <div className='flex items-center pl-2'>
-              <FontAwesomeIcon
-                icon={CallIcon}
-                className='h-4 w-4 text-gray-100 dark:text-gray-200 ml-2 mr-2 '
-              />
-              <span className='text-gray-100 text-base overflow-hidden whitespace-nowrap'>{t('Parks.Hold')}</span>
-            </div>
-          </motion.button>
         </motion.div>
+        <Button variant='white' className='tooltip-parking-button min-w-28' >
+          <FontAwesomeIcon
+            icon={CallIcon}
+            className='h-4 w-4 text-gray-500 dark:text-gray-200 mr-2'
+          />
+          <span className='w-16 overflow-hidden text-gray-100  whitespace-nowrap'>
+            {cardPressStates ? `${t('Parks.Hold')}` : `${t('Parks.Pick up')}`}
+          </span>
+        </Button>
       </div>
     </div>
 

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

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