Fix error after test migration data from old version

Author: Stigmatoz

src/assets/css/general.css

@@ -36,6 +36,6 @@ select{
 .w-100{
     width: 100%;
 }
-.w-85{
-    width: 85%;
+.w-80{
+    width: 80%;
 }

src/components/ByDaysChart.vue

@@ -31,8 +31,7 @@ const props = defineProps<{
 ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);
 const labelsForChart = props.data.days.map(x => x.day);
 const dataForChart = props.data.days.map(x => x.time);
-const maxTimeValue = dataForChart.sort((a, b) => b - a)[0];
-const tickStep = Math.round(maxTimeValue / 5 / 60) * 60;
+const tickStep = Math.round(dataForChart[0] / 5 / 600) * 600;
 
 const data = {
   labels: labelsForChart,
@@ -65,7 +64,6 @@ const options = {
   scales: {
     y: {
       ticks: {
-        max: maxTimeValue / 60,
         stepSize: tickStep,
         callback: function (value: any, index: number, ticks: number) {
           return convertSummaryTimeToString(value);

src/components/Favicon.vue

@@ -1,16 +1,6 @@
 <template>
-  <img
-    v-if="favicon == undefined || favicon == ''"
-    class="favicon no-favicon"
-    height="22"
-    :src="NO_FAVICON_URL"
-  />
-  <img
-    v-else
-    class="favicon"
-    height="30"
-    :src="favicon"
-  />
+  <img v-if="favIconValid" class="favicon no-favicon" height="22" :src="NO_FAVICON_URL" />
+  <img v-else class="favicon" height="30" :src="favicon" />
 </template>
 
 <script lang="ts">
@@ -20,11 +10,19 @@ export default {
 </script>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
 import { NO_FAVICON_URL } from '../utils/consts';
 
 const props = defineProps<{
   favicon: string | undefined;
 }>();
+
+const favIconValid = computed(
+  () =>
+    props.favicon == undefined ||
+    props.favicon == '' ||
+    props.favicon.startsWith('chrome://favicon/'),
+);
 </script>
 
 <style scoped>

src/components/TabItem.vue

@@ -3,7 +3,7 @@
     <Favicon :favicon="item.favicon" />
     <div class="ml-10 flex-grow-2">
       <div class="first-block">
-        <div class="w-85">
+        <div class="w-80">
           <p class="url" @click="openUrl(item.url)">{{ url }}</p>
           <div class="d-inline-block" v-html="getBadgeIcon()"></div>
         </div>

src/compositions/tab-list-by-days.ts

@@ -41,12 +41,12 @@ export async function useTabListByDays(dateFrom: Date, dateTo: Date): Promise<Ta
     });
   });
 
-  daysTabs = daysTabs.sort(function (a, b) {
+  daysTabs.sort(function (a, b) {
     return new Date(a.day).valueOf() - new Date(b.day).valueOf();
   });
 
   daysTabs.forEach(dayTab => {
-    dayTab.tabs = dayTab.tabs.sort(function (a: CurrentTabItem, b: CurrentTabItem) {
+    dayTab.tabs.sort(function (a: CurrentTabItem, b: CurrentTabItem) {
       return b.summaryTime - a.summaryTime;
     });
   });