fix: heroku type errors (temporary fix)

vycdev · Apr 16, 2020 · aaa80c2 · aaa80c2
1 parent a0c7edd
commit aaa80c2
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 16 deletions.
diff --git a/packages/web/src/components/common/typingBox/dataBox.tsx b/packages/web/src/components/common/typingBox/dataBox.tsx
@@ -2,15 +2,15 @@ import React, { useState, useEffect, useRef } from "react";
 import { LineChart, XAxis, YAxis, Line, Tooltip, Legend } from "recharts";
 import { DataBoxWrapper } from "./style";
 
-import { DataBoxType } from "./helpers/interfaces";
+import { DataBoxType, typedArrayInterface } from "./helpers/interfaces";
 
-export const DataBox = (props: React.Component<DataBoxType, {}>) => {
+export const DataBox = (props: DataBoxType<typedArrayInterface>) => {
     return (
         <DataBoxWrapper>
             <LineChart
                 width={725}
                 height={300}
-                data={props.data}
+                data={props.dataProp}
                 margin={{ top: 30, bottom: 5 }}
             >
                 <Line

diff --git a/packages/web/src/components/common/typingBox/helpers/interfaces.ts b/packages/web/src/components/common/typingBox/helpers/interfaces.ts
@@ -9,12 +9,12 @@ export interface typingBoxProps {
 export interface typedArrayInterface {
     word: string;
     state: "correct" | "wrong";
-    time: number;
+    time: number | null;
     wpm: number;
     accuracy: number;
     timeUsed: string;
 }
 
-export interface DataBoxType {
-    data: Array<typingBoxProps>;
+export interface DataBoxType<T> {
+    dataProp: Array<T>;
 }
diff --git a/packages/web/src/components/common/typingBox/typingBox.tsx b/packages/web/src/components/common/typingBox/typingBox.tsx
@@ -1,7 +1,11 @@
 import React, { useState, useEffect, useRef } from "react";
 
 import { getText } from "./helpers/gettext";
-import { typingBoxProps, typedArrayInterface } from "./helpers/interfaces";
+import {
+    typingBoxProps,
+    typedArrayInterface,
+    DataBoxType
+} from "./helpers/interfaces";
 import { DataBox } from "./dataBox";
 
 import {
@@ -16,8 +20,10 @@ import {
 export const TypingBox = (props: typingBoxProps) => {
     const [input, setInput] = useState("");
     const [text, setText] = useState(getText(props.mode));
-    const [visibleText, setVisibleText] = useState(text.join(" "));
-    const [typed, setTyped] = useState([]);
+    const [visibleText, setVisibleText] = useState([
+        <div key={"default"}></div>
+    ]);
+    const [typed, setTyped] = useState<Array<typedArrayInterface>>([]);
     const [time, setTime] = useState(60);
     const [cpm, setCpm] = useState(0);
 
@@ -120,7 +126,7 @@ export const TypingBox = (props: typingBoxProps) => {
                 <Displayer>
                     CPM: {cpm} WPM: {Math.floor(cpm / 5)} Time: {time}
                 </Displayer>
-                {time > 0 ? "" : <DataBox data={typed}></DataBox>}
+                {time > 0 ? "" : <DataBox dataProp={typed}></DataBox>}
                 {time > 0 ? (
                     ""
                 ) : (
@@ -143,7 +149,7 @@ export const TypingBox = (props: typingBoxProps) => {
                     readOnly={!(time > 0)}
                     autoFocus
                     value={input}
-                    onChange={(e: React.FormEvent<HTMLInputElement>) => {
+                    onChange={(e: any) => {
                         const timeLeft = typed.length
                             ? 60 -
                                   Math.floor(

diff --git a/packages/web/tsconfig.json b/packages/web/tsconfig.json
@@ -6,12 +6,11 @@
         "moduleResolution": "node",
         "alwaysStrict": true,
         "downlevelIteration": true,
-        "strictNullChecks": true,
         "strictBindCallApply": true,
         "strictFunctionTypes": true,
         "esModuleInterop": true,
-        "strictPropertyInitialization": true,
         "importHelpers": true,
-        "sourceMap": true,
-    }
-}
+        "sourceMap": true
+    },
+    "exclude": ["node_modules"]
+}