Fixiki

Author: GusevPM

components/modules/stats/ChartCardPreview.vue

@@ -219,10 +219,9 @@ watch(
 					<DiffChip :value="diff" :invert="series.name === 'block_time'" />
 				</Flex>
 
-				<NuxtLink v-if="series.page" :to="`/stats/${series.page}`">
+				<NuxtLink v-if="series.page" :to="`/stats/${series.page}${series.aggregate ? '?aggregate=' + series.aggregate : ''}`">
 					<Flex align="center">
 						<Icon name="expand" size="16" color="tertiary" :class="$style.link" />
-						<!-- <Text size="12" color="tertiary" :class="$style.link">View Details</Text> -->
 					</Flex>
 				</NuxtLink>
 			</Flex>

components/modules/stats/LineChart.vue

@@ -330,10 +330,6 @@ onMounted(async () => {
 	padding: 16px;
 }
 
-.header {
-
-}
-
 .chart_wrapper {
 	position: relative;
 

components/modules/stats/PieChartCard.vue

@@ -192,7 +192,7 @@ onMounted(() => {
 
 <template>
 	<Flex direction="column" justify="start" gap="8" wide :class="$style.wrapper">
-        <Flex align="center" justify="start" wide :class="$style.header">
+        <Flex align="center" justify="start" wide>
             <Text size="14" weight="600" color="secondary"> {{ `By ${series.title}` }} </Text>
         </Flex>
 
@@ -259,10 +259,6 @@ onMounted(() => {
 	padding: 16px;
 }
 
-.header {
-
-}
-
 .legend_wrapper {
     max-width: 55%;
 }

components/modules/stats/SquareSizeCard.vue

@@ -109,7 +109,7 @@ onMounted(async () => {
 
 <template>
 	<Flex direction="column" justify="between" gap="16" wide :class="$style.wrapper">
-		<Flex align="center" justify="between" gap="16" :class="$style.header">
+		<Flex align="center" justify="between" gap="16">
 			<Flex align="center" gap="10" justify="start" wide>
 				<Text size="14" weight="600" color="secondary"> Square Size Distribution </Text>
 				<Text size="14" weight="600" color="tertiary"> (last day) </Text>
@@ -191,10 +191,6 @@ onMounted(async () => {
 	padding: 16px;
 }
 
-.header {
-
-}
-
 .square_size_wrapper {
 	width: 100%;
 	justify-content: space-between;

components/modules/stats/SquareSizeChart.vue

@@ -59,6 +59,8 @@ const buildChart = (chart, onEnter, onLeave) => {
                 )
             }
         })
+
+        tooltip.value.data.reverse()
     }
 
 	const onPointerLeft = () => {

pages/stats/[metric].vue

@@ -28,7 +28,7 @@ const cacheStore = useCacheStore()
 const route = useRoute()
 const router = useRouter()
 
-const series = ref(getSeriesByPage(route.params.metric))
+const series = ref(getSeriesByPage(route.params.metric, route.query.aggregate))
 
 if (!series.value.page) {
 	router.push("/stats")

services/constants/stats.js

@@ -111,6 +111,7 @@ export const STATS_SERIES = [
 		],
 	},]
 
+// TO DO: Replace forEach with for
 export function getSeriesByGroupAndType(group, type) {
 	let series = []
 	STATS_SERIES.forEach(el => {
@@ -130,12 +131,18 @@ export function getSeriesByGroupAndType(group, type) {
 	return series
 }
 
-export function getSeriesByPage(page) {
+export function getSeriesByPage(page, aggregate) {
 	let series = {}
 	STATS_SERIES.forEach(el => {
 		el.series.forEach(s => {
 			if (s.page === page) {
-				series = s
+				if (aggregate) {
+					if (s.aggregate === aggregate) {
+						series = s
+					}
+				} else {
+					series = s
+				}
 			}
 		})
 	})