From b5151bda5a8fee7e15ad6671a2a1ea270cee8e6b Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Sat, 6 Feb 2021 20:08:30 +0530
Subject: [PATCH] fix

---
 src/components/App.tsx   | 13 +++++++++----
 src/components/Stats.tsx |  2 +-
 src/networkStats.ts      |  6 +++---
 src/types.ts             |  2 +-
 4 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 0a8164465..de2bdc4cd 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { Point, simplify } from "points-on-curve";
 import React from "react";
 import { RoughCanvas } from "roughjs/bin/canvas";
@@ -854,9 +853,15 @@ class App extends React.Component<ExcalidrawProps, AppState> {
     ) {
       if (this.state.showStats && this.props.isCollaborating) {
         this.calculateNetStats();
-        navigator.connection.addEventListener("change", this.calculateNetStats);
+
+        // @ts-ignore
+        navigator?.connection?.addEventListener(
+          "change",
+          this.calculateNetStats,
+        );
       } else {
-        navigator.connection.removeEventListener(
+        // @ts-ignore
+        navigator?.connection?.removeEventListener(
           "change",
           this.calculateNetStats,
         );
@@ -990,7 +995,7 @@ class App extends React.Component<ExcalidrawProps, AppState> {
 
   private calculateNetStats = async () => {
     const speed = await getNetworkSpeed();
-    const networkSpeed = speed === -1 ? "Error!" : speed;
+    const networkSpeed = speed === "-1" ? "Error!" : speed;
     this.setState({ networkSpeed });
   };
   // Copy/paste
diff --git a/src/components/Stats.tsx b/src/components/Stats.tsx
index ea4f4d992..29ddc6f60 100644
--- a/src/components/Stats.tsx
+++ b/src/components/Stats.tsx
@@ -30,7 +30,7 @@ export const Stats = (props: {
   setAppState: React.Component<any, AppState>["setState"];
   elements: readonly NonDeletedExcalidrawElement[];
   onClose: () => void;
-  isCollaborating: boolean;
+  isCollaborating?: boolean;
 }) => {
   const isMobile = useIsMobile();
   const [storageSizes, setStorageSizes] = useState<StorageSizes>({
diff --git a/src/networkStats.ts b/src/networkStats.ts
index 26d05c682..6c787b45c 100644
--- a/src/networkStats.ts
+++ b/src/networkStats.ts
@@ -14,7 +14,7 @@ const calculateSpeed = (startTime: number, endTime: number) => {
   return `${speed.toFixed(2)} ${suffix[index]}`;
 };
 
-const processImage = () => {
+const processImage = (): Promise<string> => {
   return new Promise((resolve, reject) => {
     const image = new Image();
     let endTime: number;
@@ -25,13 +25,13 @@ const processImage = () => {
     };
 
     image.onerror = () => {
-      resolve(-1);
+      resolve("-1");
     };
 
     const startTime = new Date().getTime();
     image.src = `${IMAGE_URL}?t=${startTime}`; // start time acts as a cache buster so everytime new url is requested
   });
 };
-export const getNetworkSpeed = async () => {
+export const getNetworkSpeed = async (): Promise<string> => {
   return await processImage();
 };
diff --git a/src/types.ts b/src/types.ts
index d78ba3e4c..0c5bbf94c 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -88,7 +88,7 @@ export type AppState = {
   appearance: "light" | "dark";
   gridSize: number | null;
   viewModeEnabled: boolean;
-  networkSpeed?: string;
+  networkSpeed: string;
 
   /** top-most selected groups (i.e. does not include nested groups) */
   selectedGroupIds: { [groupId: string]: boolean };