fix: date display on analytics chart

Signed-off-by: David Dal Busco <[email protected]>
junobuild · Nov 11, 2023 · 140ce03 · 140ce03
1 parent b41713c
commit 140ce03
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/frontend/src/lib/components/analytics/AnalyticsChart.svelte b/src/frontend/src/lib/components/analytics/AnalyticsChart.svelte
@@ -41,6 +41,12 @@
 
 	let ticks: string[];
 	$: ticks = Object.values(chartsData).map(({ [xKey]: a }) => a);
+
+	const formatTick = (d: string): string => {
+		const date = new Date(parseInt(d));
+		const time = date.getDate();
+		return time % 2 != 0 ? formatToDay(date) : '';
+	};
 </script>
 
 <div class="chart-container">
@@ -53,7 +59,7 @@
 		data={chartsData}
 	>
 		<Svg>
-			<AxisX formatTick={(d) => formatToDay(new Date(parseInt(d)))} {ticks} />
+			<AxisX {formatTick} {ticks} />
 			<AxisY ticks={4} />
 			<Line />
 			<Area />

diff --git a/src/frontend/src/lib/utils/date.utils.ts b/src/frontend/src/lib/utils/date.utils.ts
@@ -30,8 +30,7 @@ export const formatToDateNumeric = (nanoseconds: bigint): string => {
 export const formatToDay = (date: Date): string => {
 	const options: Intl.DateTimeFormatOptions = {
 		month: 'short',
-		day: 'numeric',
-		year: 'numeric'
+		day: 'numeric'
 	};
 
 	return date.toLocaleDateString('en', options);