minor fixes

Author: xdeq

components/modules/stats/BarChart.vue

@@ -31,8 +31,8 @@ const buildChart = (chart, cData, onEnter, onLeave) => {
 	const marginLeft = 36
 	const marginAxisX = 24
 
-	const MIN_VALUE = d3.min([...cData.data.map((s) => s.value)])
-	const MAX_VALUE = d3.max([...cData.data.map((s) => s.value)])
+	const MIN_VALUE = d3.min(cData.data.map((s) => s.value))
+	const MAX_VALUE = d3.max(cData.data.map((s) => s.value))
 
 	/** Scales */
 	const xBand = d3
@@ -113,7 +113,7 @@ const buildChart = (chart, cData, onEnter, onLeave) => {
 			d3
 				.axisBottom(scaleX)
 				.ticks(Math.min(cData.data.length, 6))
-				.tickFormat(d3.timeFormat(["hour", "day"].includes(props.series.timeframe.timeframe) ? "%b %d" : "%b"))
+				.tickFormat(d3.timeFormat(["hour", "day"].includes(props.series.timeframe.timeframe) ? "%b %d" : "%b")),
 		)
 		.selectAll(".tick line")
 		.filter(function (d) {

components/modules/stats/BlocksFeed.vue

@@ -47,12 +47,15 @@ const timeline = computed(() => {
 	return time
 })
 
-const maxSize = computed(() => Math.max(...blocks.value?.map((b) => b.stats.bytes_in_block)))
+const maxSize = computed(() => {
+	if (!blocks.value) return 0
+	return Math.max(...blocks.value.map((b) => b.stats.bytes_in_block))
+})
 const avgBlockTime = ref(0)
 
 const calculateHeight = (size) => {
 	if (!size) return 2
-	
+
 	return Math.max((size / maxSize.value) * 100, 2)
 }
 

components/modules/stats/LineChart.vue

@@ -22,7 +22,6 @@ const currentData = computed(() => {
 	return { data: props.series.currentData }
 })
 
-
 const chartEl = ref()
 const tooltip = ref({
 	data: [],
@@ -37,8 +36,8 @@ const buildChart = (chart, cData, onEnter, onLeave) => {
 	const marginLeft = 36
 	const marginAxisX = 20
 
-	const MIN_VALUE = d3.min([...cData.data?.map((s) => s.value)])
-	const MAX_VALUE = d3.max([...cData.data?.map((s) => s.value)])
+	const MIN_VALUE = d3.min(cData.data?.map((s) => s.value))
+	const MAX_VALUE = d3.max(cData.data?.map((s) => s.value))
 
 	/** Scales */
 	const x = d3.scaleUtc(
@@ -109,7 +108,7 @@ const buildChart = (chart, cData, onEnter, onLeave) => {
 			d3
 				.axisBottom(x)
 				.ticks(Math.min(cData.data.length, 6))
-				.tickFormat(d3.timeFormat(["hour", "day"].includes(props.series.timeframe.timeframe) ? "%b %d" : "%b"))
+				.tickFormat(d3.timeFormat(["hour", "day"].includes(props.series.timeframe.timeframe) ? "%b %d" : "%b")),
 		)
 
 	svg.append("g")

store/settings.js

@@ -1,5 +1,4 @@
 /** Vendor */
-import { reactive } from "vue"
 import { defineStore, acceptHMRUpdate } from "pinia"
 
 export const useSettingsStore = defineStore("settings", () => {