Fix pie charts v2

Author: GusevPM

app.vue

@@ -55,7 +55,7 @@ onMounted(async () => {
 	const gasPrice = await fetchGasPrice()
 	appStore.gas = gasPrice
 
-	enumStore.init()
+	await enumStore.init()
 
 	window.onbeforeunload = function () {
 		Socket.close()

components/modules/stats/BarChart.vue

@@ -95,7 +95,7 @@ const buildChart = (chart, cData, pData, onEnter, onLeave) => {
 
 				return `${tia(value, 2)} TIA`
 			case 'seconds':
-				return `${truncateDecimalPart(value / 1_000, 1)}s`
+				return `${truncateDecimalPart(value / 1_000, 3)}s`
 			default:
 				return comma(value)
 		}

components/modules/stats/LineChart.vue

@@ -82,7 +82,7 @@ const buildChart = (chart, cData, pData, onEnter, onLeave) => {
 
 				return `${tia(value, 2)} TIA`
 			case 'seconds':
-				return `${truncateDecimalPart(value / 1_000, 1)}s`
+				return `${truncateDecimalPart(value / 1_000, 3)}s`
 			default:
 				return comma(value)
 		}

components/modules/stats/tabs/RollupsTab.vue

@@ -56,14 +56,13 @@ onBeforeMount(async () => {
             <RollupsBubbleChart v-if="!isLoading" :series="series" />
 		</Flex>
 
-		<Flex align="center" direction="column" gap="12" wide>
+		<Flex v-if="!isLoading" align="center" direction="column" gap="12" wide>
 			<Flex align="center" justify="between" wide :class="$style.section">
 				<Text size="16" weight="600" color="primary" justify="start">Top Rollups</Text>
 			</Flex>
 
 			<Flex align="center" justify="between" gap="16" wide :class="$style.charts_wrapper">
                 <PieChartCard
-                    v-if="!isLoading"
                     v-for="s in series"
                     :series="s"
                     :data="series.data"

pages/txs.vue

@@ -78,7 +78,6 @@ const router = useRouter()
 
 /** Filters */
 const msgTypes = computed(() => enumStore.enums.messageTypes.sort())
-
 const filters = reactive({
 	status: {
 		success: false,
@@ -331,6 +330,13 @@ watch(
 	},
 )
 
+watch(
+	() => msgTypes.value,
+	() => {
+		filters.message_type = msgTypes.value?.reduce((a, b) => ({ ...a, [b]: false }), {})
+	}
+)
+
 const handleSort = (by) => {
 	/** temp. only for time */
 	if (!["time"].includes(by)) return