fix: missing call without dev mode (#66)

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

Author: tonyco97

index.html

@@ -48,7 +48,7 @@
           it: {
             description:
               "Scarica l'aggiornamento NethLink con correzioni di bug e nuove funzionalità per le impostazioni e lo stato.",
-            release: 'Rilascio: ',
+            release: 'Release: ',
             downloadUpdate: "Scarica l'aggiornamento",
             chooseOS:
               'Scegli il tuo sistema operativo e clicca per avviare il download',

package.json

@@ -17,7 +17,7 @@
     "typecheck:web": "tsc --noEmit -p tsconfig.web.json --composite false",
     "typecheck": "npm run typecheck:node && npm run typecheck:web",
     "start": "electron-vite preview",
-    "dev": "DEV=true electron-vite dev",
+    "dev": "electron-vite dev",
     "pack": "electron-builder --dir",
     "dist": "electron-builder",
     "preversion": "git add . ",

src/renderer/src/components/Modules/NethVoice/About/AboutModule.tsx

@@ -17,8 +17,11 @@ export function AboutModule({ }: AboutBoxProps) {
   const [theme] = useSharedState('theme')
   const [notifications] = useSharedState('notifications')
 
+  // Donwload NethLink release page
+  const releasePage = 'https://nethserver.github.io/nethlink/'
+
   const onDownloadButtonClick = () => {
-    window.api.openExternalPage(notifications!.system.update.message)
+    window.api.openExternalPage(releasePage)
   }
 
   const openNethesisPage = () => {

src/renderer/src/components/Modules/NethVoice/SearchResults/SearchNumberDetail.tsx

@@ -134,22 +134,24 @@ const ContactDetail = ({ children, label, icon, copy, protocol }: { label: strin
       {label}
     </div>
     <div className='relative flex flex-row truncate max-w-[calc(100%-170px)] gap-2'>
-      <span className={classNames('truncate', protocol && children
-        ? linkClassName
-        : '',
-        protocol === 'callto'
-          ? isCallsEnabled
-            ? ''
-            : 'cursor-not-allowed'
-          : ''
-      )}
-        onClick={protocol ? runProtocol : undefined}
-        data-tooltip-id={`tooltip-data-${label}`}
-        data-tooltip-content={children}
-        data-tooltip-place={'bottom'}
+      <a
+        href={`callto://${('' + children).replace(/ /g, '')}`}
+        className={classNames('truncate', protocol && children
+          ? linkClassName
+          : '',
+          protocol === 'callto'
+            ? isCallsEnabled
+              ? ''
+              : 'cursor-not-allowed'
+            : ''
+        )}
       >
-        {children || '-'}
-      </span>
+        <div
+          className={`'dark:text-titleDark text-titleLight font-normal`}
+        >
+          {children}
+        </div>
+      </a>
 
       {children && copy && <div className='relative'>
         <FontAwesomeIcon

src/renderer/src/components/NumberCaller.tsx

@@ -1,6 +1,5 @@
 import { ClassNames } from '@renderer/utils'
 import { ReactNode } from 'react'
-
 type NumberCallerProps = {
   number: number | string
   children: JSX.Element | JSX.Element[] | ReactNode | ReactNode[]
@@ -16,26 +15,20 @@ export const NumberCaller = ({
   isNumberHiglighted = true,
   ...args
 }: NumberCallerProps) => {
-  const onClick = () => {
-    const url = `callto://${('' + number).replace(/ /g, '')}`
-    window.api.openExternalPage(url);
-  }
 
   return disabled ? (
     <div className={ClassNames(className, 'cursor-not-allowed',)}>{children}</div>
   ) : (
-    <div
-      className={ClassNames(className,
-        'dark:text-textBlueDark text-textBlueLight',
-        'cursor-pointer dark:focus:outline-none dark:focus:ring-2 focus:outline-none focus:ring-2 dark:ring-offset-1 ring-offset-1 dark:ring-offset-slate-900 ring-offset-slate-50 focus:ring-primaryRing dark:focus:ring-primaryRingDark rounded-md')}
+    <a
+      href={`callto://${('' + number).replace(/ /g, '')}`}
+      className={ClassNames(className, 'dark:focus:outline-none dark:focus:ring-2 focus:outline-none focus:ring-2 dark:ring-offset-1 ring-offset-1 dark:ring-offset-slate-900 ring-offset-slate-50 focus:ring-primaryRing dark:focus:ring-primaryRingDark rounded-md')}
       {...args}
-      onClick={onClick}
     >
       <div
-        className={`${isNumberHiglighted ? 'dark:text-textBlueDark text-textBlueLight' : ''} font-normal`}
+        className={`${isNumberHiglighted ? 'dark:text-titleDark text-titleLight' : ''} font-normal`}
       >
         {children}
       </div>
-    </div>
+    </a>
   )
-}
+}