Catch invalid Date instances in time label

THEOplayer · Sep 28, 2022 · 36d2433 · 36d2433
1 parent c731461
commit 36d2433
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/example/src/components/timelabel/TimeLabel.tsx b/example/src/components/timelabel/TimeLabel.tsx
@@ -24,12 +24,16 @@ export const TimeLabel = (props: TimeLabelProps) => {
     return <Text style={[styles.timeLabel, style]}>{LIVE_LABEL}</Text>;
   }
 
-  const renderHours = duration >= 3600 * 1e3;
-  const s = renderHours ? 11 : 14;
-  const currentTimeLabel = new Date(currentTime).toISOString().substring(s, 19);
-  const durationLabel = new Date(duration).toISOString().substring(s, 19);
-  const label = showDuration ? `${currentTimeLabel} / ${durationLabel}` : currentTimeLabel;
-  return <Text style={[styles.timeLabel, style]}>{label}</Text>;
+  try {
+    const renderHours = duration >= 3600 * 1e3;
+    const s = renderHours ? 11 : 14;
+    const currentTimeLabel = new Date(currentTime).toISOString().substring(s, 19);
+    const durationLabel = new Date(duration).toISOString().substring(s, 19);
+    const label = showDuration ? `${currentTimeLabel} / ${durationLabel}` : currentTimeLabel;
+    return <Text style={[styles.timeLabel, style]}>{label}</Text>;
+  } catch (ignore) {
+    return <></>;
+  }
 };
 
 TimeLabel.defaultProps = {