Tłumaczenia i poprawki designu

src/mixins/dateMixin.ts

@@ -4,37 +4,47 @@ export default defineComponent({
   methods: {
     localeDate(dateString: string, locale: string) {
       return new Date(dateString).toLocaleDateString(locale == 'pl' ? 'pl-PL' : 'en-GB', {
-        weekday: "long",
-        day: "numeric",
-        month: "2-digit",
-        year: "numeric",
-        hour: "2-digit",
-        minute: "2-digit"
-      })
+        weekday: 'long',
+        day: 'numeric',
+        month: '2-digit',
+        year: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit',
+      });
     },
 
     localeDay(dateString: string, locale: string) {
       return new Date(dateString).toLocaleDateString(locale == 'pl' ? 'pl-PL' : 'en-GB', {
-        day: "numeric",
-        month: "2-digit",
-        year: "numeric"
-      })
+        day: 'numeric',
+        month: '2-digit',
+        year: 'numeric',
+      });
     },
 
     localeTime(dateString: string, locale: string) {
       return new Date(dateString).toLocaleTimeString(locale == 'pl' ? 'pl-PL' : 'en-GB', {
-        hour: "2-digit",
-        minute: "2-digit"
-      })
+        hour: '2-digit',
+        minute: '2-digit',
+      });
     },
 
     timestampToString(timestamp: number | null) {
       return timestamp
-        ? new Date(timestamp).toLocaleTimeString("pl-PL", {
-          hour: "2-digit",
-          minute: "2-digit"
-        })
-        : "";
-    }
-  }
-})
+        ? new Date(timestamp).toLocaleTimeString('pl-PL', {
+            hour: '2-digit',
+            minute: '2-digit',
+          })
+        : '';
+    },
+
+    calculateDuration(timestampMs: number) {
+      const minsTotal = Math.round(timestampMs / 60000);
+      const hoursTotal = Math.floor(minsTotal / 60);
+      const minsInHour = minsTotal % 60;
+
+      return minsTotal > 60
+        ? this.$t('journal.hours', { hours: hoursTotal, minutes: minsInHour })
+        : this.$t('journal.minutes', { minutes: minsTotal });
+    },
+  },
+});