better error handling

LoV432 · Nov 17, 2023 · e71b6e6 · e71b6e6
1 parent e1f494c
commit e71b6e6
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/app/components/dashboard/DashboardCardCurrentStatus/DashboardCardCurrentStatus.client.tsx b/app/components/dashboard/DashboardCardCurrentStatus/DashboardCardCurrentStatus.client.tsx
@@ -1,6 +1,9 @@
 'use client';
 import { useEffect, useState } from 'react';
-import { pppoeStatusReturnType } from '@/lib/get-pppoe-status';
+import type {
+	getPppoeStatus,
+	pppoeStatusReturnType
+} from '@/lib/get-pppoe-status';
 import { formatUpTime } from '@/lib/format-uptime';
 export function DashboardCardCurrentStatus({
 	pppoeStatusPrerender
@@ -23,8 +26,16 @@ export function DashboardCardCurrentStatus({
 			const getNewPppoeStatus = fetch('/api/get-pppoe-status');
 			getNewPppoeStatus
 				.then((response) => response.json())
-				.then((data: pppoeStatusReturnType) => {
-					setPppoeStatus(data);
+				.then((data: Awaited<ReturnType<typeof getPppoeStatus>>) => {
+					if ('up' in data) {
+						setPppoeStatus(data);
+					} else {
+						setPppoeStatus({
+							up: false,
+							ip: '',
+							uptime: 0
+						});
+					}
 				});
 		}, 3000);
 		return () => clearInterval(interval);