Fix NaN charts

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "my-personal-list",
 	"description": "My personal anime tracking list",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"scripts": {
 		"start": "concurrently \"yarn start:renderer\" \"yarn start:main\" --kill-others",
 		"start:main": "tsc && electron .",

packages/renderer/src/pages/Home/components/ChartBar/ChartBar.tsx

@@ -46,7 +46,10 @@ const ChartBar: React.FC = () => {
 					tickColor: 'transparent',
 				},
 				ticks: {
-					stepSize: Math.ceil(Math.max(...tags.map((tag) => tag.epsNum)) / 5),
+					stepSize:
+						tags.length > 0
+							? Math.ceil(Math.max(...tags.map((tag) => tag.epsNum)) / 5)
+							: 100,
 					color: textColor,
 				},
 			},

packages/renderer/src/pages/Home/components/ChartDoughnut/ChartDoughnut.tsx

@@ -51,12 +51,15 @@ const DoughnutChart: React.FC = () => {
 		],
 	}
 
+	const percentage =
+		stats.totalEpisodes > 0
+			? Math.ceil((stats.watchedEpisodes / stats.totalEpisodes) * 100)
+			: 0
+
 	return (
 		<div className={styles.root}>
 			<div className={styles.label}>
-				<div className={styles.percentage}>
-					{Math.ceil((stats.watchedEpisodes / stats.totalEpisodes) * 100)}%
-				</div>
+				<div className={styles.percentage}>{percentage}%</div>
 				<div className={styles.episodes}>
 					{stats.watchedEpisodes} / {stats.totalEpisodes} Eps
 				</div>

packages/renderer/src/store/series.ts

@@ -92,9 +92,9 @@ export const seriesStats = selector({
 
 		let stockpileLasts, suffix
 		const daysRunsOut = (totalEpisodes - watchedEpisodes) / avgEpsPerDay
-		if (daysRunsOut === Infinity) {
-			stockpileLasts = daysRunsOut
-			suffix = ''
+		if (totalEpisodes === 0) {
+			stockpileLasts = 0
+			suffix = 'M'
 		} else if (daysRunsOut > 365) {
 			stockpileLasts = daysRunsOut / 365
 			suffix = 'Y'