apache · jscheffl · Oct 5, 2025 · Oct 5, 2025
@@ -189,7 +189,6 @@
     },
     "tooltip": "اضغط {{hotkey}} للتمرير إلى {{direction}}"
   },
-  "seconds": "ثواني",
   "security": {
     "actions": "إجراءات",
     "permissions": "صلاحيات",

@@ -161,7 +161,6 @@
     },
     "tooltip": "Prem {{hotkey}} per desplaçar-te cap a {{direction}}"
   },
-  "seconds": "{{count}}s",
   "security": {
     "actions": "Accions",
     "permissions": "Permisos",

@@ -161,7 +161,6 @@
     },
     "tooltip": "Tastenkombination {{hotkey}} zum scrollen nach {{direction}}"
   },
-  "seconds": "{{count}}s",
   "security": {
     "actions": "Aktionen",
     "permissions": "Berechtigungen",

@@ -161,7 +161,6 @@
     },
     "tooltip": "Press {{hotkey}} to scroll to {{direction}}"
   },
-  "seconds": "{{count}}s",
   "security": {
     "actions": "Actions",
     "permissions": "Permissions",

@@ -168,7 +168,6 @@
     },
     "tooltip": "Presiona {{hotkey}} para desplazarte a {{direction}}"
   },
-  "seconds": "{{count}}s",
   "security": {
     "actions": "Acciones",
     "permissions": "Permisos",

@@ -168,7 +168,6 @@
     },
     "tooltip": "Appuyez sur {{hotkey}} pour faire défiler vers le {{direction}}"
   },
-  "seconds": "{{count}}s",
   "security": {
     "actions": "Actions",
     "permissions": "Permissions",

@@ -168,7 +168,6 @@
     },
     "tooltip": "לחץ {{hotkey}} לגלילה ל{{direction}}"
   },
-  "seconds": "{{count}} שניות",
   "security": {
     "actions": "פעולות",
     "permissions": "הרשאות",

@@ -154,7 +154,6 @@
     },
     "tooltip": "{{direction}} तक स्क्रॉल करने के लिए {{hotkey}} दबाएं"
   },
-  "seconds": "{{count}}सेकंड",
   "security": {
     "actions": "क्रियाएं",
     "permissions": "अनुमतियां",

@@ -154,7 +154,6 @@
     },
     "tooltip": "Nyomd meg a(z) {{hotkey}} gombot a görgetéshez ide: {{direction}}"
   },
-  "seconds": "{{count}} mp",
   "security": {
     "actions": "Műveletek",
     "permissions": "Jogosultságok",

@@ -175,7 +175,6 @@
     },
     "tooltip": "Premi {{hotkey}} per scorrere a {{direction}}"
   },
-  "seconds": "{{count}}s",
   "security": {
     "actions": "Azioni",
     "permissions": "Permessi",

@@ -161,7 +161,6 @@
     },
     "tooltip": "{{hotkey}}를 눌러 {{direction}}로 스크롤"
   },
-  "seconds": "{{count}}초",
   "security": {
     "actions": "작업",
     "permissions": "권한",

@@ -161,7 +161,6 @@
     },
     "tooltip": "Druk op {{hotkey}} om te scrollen naar {{direction}}"
   },
-  "seconds": "{{count}}s",
   "security": {
     "actions": "Acties",
     "permissions": "Permissies",

@@ -175,7 +175,6 @@
     },
     "tooltip": "Naciśnij {{hotkey}}, aby przewinąć do {{direction}}"
   },
-  "seconds": "{{count}}s",
   "security": {
     "actions": "Akcje",
     "permissions": "Uprawnienia",

@@ -175,7 +175,6 @@
     },
     "tooltip": "Pressione {{hotkey}} para rolar para {{direction}}"
   },
-  "seconds": "{{count}}s",
   "security": {
     "actions": "Ações",
     "permissions": "Permissões",

@@ -161,7 +161,6 @@
     },
     "tooltip": "{{direction}} kaydırmak için {{hotkey}} tuşuna basın"
   },
-  "seconds": "{{count}}sn",
   "security": {
     "actions": "Eylemler",
     "permissions": "İzinler",

@@ -161,7 +161,6 @@
     },
     "tooltip": "按 {{hotkey}} 滚动到{{direction}}"
   },
-  "seconds": "{{count}} 秒",
   "security": {
     "actions": "操作",
     "permissions": "权限",

@@ -161,7 +161,6 @@
     },
     "tooltip": "按 {{hotkey}} 捲動到{{direction}}"
   },
-  "seconds": "{{count}} 秒",
   "security": {
     "actions": "操作",
     "permissions": "權限",

@@ -17,18 +17,15 @@
  * under the License.
  */
 import { Text, type TextProps } from "@chakra-ui/react";
-import { useTranslation } from "react-i18next";
+
+import { renderDuration } from "src/utils";
 
 type Props = {
   readonly duration: number;
 } & TextProps;
 
-export const DurationTick = ({ duration, ...rest }: Props) => {
-  const { t: translate } = useTranslation();
-
-  return (
-    <Text color="border.emphasized" fontSize="xs" position="absolute" right={1} whiteSpace="nowrap" {...rest}>
-      {translate("seconds", { count: Math.floor(duration) })}
-    </Text>
-  );
-};
+export const DurationTick = ({ duration, ...rest }: Props) => (
+  <Text color="border.emphasized" fontSize="xs" position="absolute" right={1} whiteSpace="nowrap" {...rest}>
+    {renderDuration(duration)}
+  </Text>
+);