cherrypick #3519 #3526 (#3527)

* chore(tauri): use relative time for perf update date (#3519)

* feat(tauri): add new tunnel errors (#3526)

Author: doums

nym-vpn-app/src/hooks/useI18nError.ts

@@ -65,6 +65,10 @@ function useI18nError() {
             );
           case 'credential-wasted-on-exit-gateway':
             return fmtErr(t('tunnel.exit-gateway-bandwidth-increase'), message);
+          case 'performant-entry-gw-unavailable':
+            return fmtErr(t('tunnel.performant-entry-gw-unavailable'), message);
+          case 'performant-exit-gw-unavailable':
+            return fmtErr(t('tunnel.performant-exit-gw-unavailable'), message);
         }
       }
       // not a tunnel error

nym-vpn-app/src/hooks/useScore.ts

@@ -47,7 +47,7 @@ function useScore() {
           };
         case 'low':
           return {
-            color: 'text-malachite-moss dark:text-malachite',
+            color: 'text-malachite',
             label: t('node-details.server-load-score.low'),
           };
         case 'medium':

nym-vpn-app/src/i18n/en/errors.json

@@ -25,7 +25,9 @@
     "inactive-account": "Your account is inactive",
     "device-logged-out": "This device has been logged out. Please log in to continue using the VPN.",
     "entry-gateway-bandwidth-increase": "Entry gateway is not responding or responding badly to a bandwidth increase.",
-    "exit-gateway-bandwidth-increase": "Exit gateway is not responding or responding badly to a bandwidth increase."
+    "exit-gateway-bandwidth-increase": "Exit gateway is not responding or responding badly to a bandwidth increase.",
+    "performant-entry-gw-unavailable": "The entry gateway can't connect. Try another!",
+    "performant-exit-gw-unavailable": "The exit gateway can't connect. Try another!"
   },
   "account": {
     "internal": "Internal account error",

nym-vpn-app/src/i18n/en/node-location.json

@@ -50,7 +50,7 @@
     },
     "notes": {
       "anti-censorship": "Enable “QUIC protocol” in Anti-censorship Settings to use this feature",
-      "performance_with_date": "Performance score calculated from server load and uptime. Uptime as last 24-hours average. Last update {{date}}.",
+      "performance_with_time": "Performance score calculated from server load and uptime. Uptime as last 24-hours average. Last update {{relativeTime}}.",
       "performance": "Performance score calculated from server load and uptime. Uptime as last 24-hours average."
     },
     "links": {

nym-vpn-app/src/screens/node/details/NodeDetails.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import clsx from 'clsx';
+import dayjs from 'dayjs';
 import * as H from 'history';
 import { Trans, useTranslation } from 'react-i18next';
 import { useLocation, useNavigate } from 'react-router';
@@ -247,8 +248,8 @@ function NodeDetails() {
   ];
 
   const card2Footer = lastUpdate
-    ? t('node-details.notes.performance_with_date', {
-        date: lastUpdate,
+    ? t('node-details.notes.performance_with_time', {
+        relativeTime: dayjs().to(dayjs(lastUpdate)),
       })
     : t('node-details.notes.performance');
 

nym-vpn-app/src/types/tunnel.ts

@@ -85,6 +85,8 @@ export type TunnelError =
   | { key: 'set-dns'; message: string | null }
   | { key: 'set-routing'; message: string | null }
   | { key: 'same-entry-and-exit-gw'; message: string | null }
+  | { key: 'performant-entry-gw-unavailable'; message: string | null }
+  | { key: 'performant-exit-gw-unavailable'; message: string | null }
   | { key: 'invalid-entry-gw-country'; message: string | null }
   | { key: 'invalid-exit-gw-country'; message: string | null }
   | { key: 'max-devices-reached'; message: string | null }