Fix typescript

package.json

@@ -70,12 +70,12 @@
     "eslint-plugin-standard": "4.0.0",
     "express": "4.17.0",
     "favicons-webpack-plugin": "0.0.9",
-    "file-loader": "1.1.11",
+    "file-loader": "4.2.0",
     "fs-extra": "6.0.1",
     "helmet": "3.21.2",
     "html-webpack-plugin": "3.2.0",
     "husky": "1.3.1",
-    "image-webpack-loader": "4.6.0",
+    "image-webpack-loader": "6.0.0",
     "json-server": "0.14.2",
     "mini-css-extract-plugin": "0.4.5",
     "module-to-cdn": "3.1.2",
@@ -98,8 +98,7 @@
     "stylelint-webpack-plugin": "0.10.5",
     "testcafe": "1.6.1",
     "testcafe-react-selectors": "2.1.0",
-    "tslint": "5.16.0",
-    "typescript": "3.4.5",
+    "typescript": "3.7.2",
     "uglifyjs-webpack-plugin": "1.3.0",
     "webpack": "4.32.2",
     "webpack-cdn-plugin": "3.1.1",
@@ -110,6 +109,7 @@
     "webpack-node-externals": "1.7.2"
   },
   "dependencies": {
+    "@types/jest": "24.0.22",
     "axios": "0.19.0",
     "date-fns": "2.0.0-alpha.27",
     "js-cookie": "2.2.0",

src/components/AdminHeader/AdminHeader.tsx

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { Link } from "react-router-dom";
-// @ts-ignore
 import * as TitleImage from "../../assets/img/SIK_RGB_W_side.png";
 import "./AdminHeader.scss";
 

src/components/ContactCard/ContactCard.tsx

@@ -1,6 +1,5 @@
 import * as React from "react";
 import "./ContactCard.scss";
-// @ts-ignore
 import * as blank_profile from "../../assets/img/blank_profile.png";
 import { Role } from "../../models/Contacts";
 

src/components/Header/Header.tsx

@@ -4,7 +4,6 @@ import "./Header.scss";
 import NavbarDropdownLink from "../NavbarDropdownLink/NavbarDropdownLink";
 import NavbarChildLink from "../NavbarChildLink/NavbarChildLink";
 import Navigation from "../Navigation";
-// @ts-ignore
 import * as TitleImage from "../../assets/img/SIK_RGB_W_side.png";
 
 export interface HeaderProps { }

src/components/SignupQuestionsWidget/SignupQuestionsWidget.tsx

@@ -1,12 +1,9 @@
 import * as React from "react";
 import * as shortid from "shortid";
-import OptionsWidget from "./OptionsWidget";
 import { DragDropContext, Droppable } from "react-beautiful-dnd";
-import { Question, InputProps, optionTypes } from ".";
-// @ts-ignore
+import { Question } from ".";
 import * as AddIcon from "../../assets/img/add-icon.png";
 import "./SignupQuestionsWidget.scss";
-import TypeWidget from "./TypeWidget";
 import QuestionList from "./QuestionList";
 
 export interface SignupQuestionsWidgetProps {

src/index.d.ts

@@ -1,3 +0,0 @@
-declare module "*.jpeg" { export default "" as string; }
-declare module "*.css" { export default "" as string; }
-declare module "*.png" { export default "" as string; }

src/pages/AdminEventPage/AdminEventPage.tsx

@@ -6,7 +6,6 @@ import { formatRelative } from "date-fns";
 import "./AdminEventPage.scss";
 import { Event, getEvents } from "../../models/Event";
 import { StaticContext } from "../../server/StaticContext";
-// @ts-ignore
 import * as AddIcon from "../../assets/img/add-icon.png";
 
 

src/pages/AdminFeedPage/AdminFeedPage.tsx

@@ -7,7 +7,6 @@ import { Post, getFeed } from "../../models/Feed";
 import { getEvents } from "../../models/Event";
 import { formatRelative } from "date-fns";
 import { th } from "date-fns/esm/locale";
-// @ts-ignore
 import * as AddIcon from "../../assets/img/add-icon.png";
 
 export interface AdminFeedPageProps {

src/pages/AdminSignupPage/AdminSignupPage.tsx

@@ -6,7 +6,6 @@ import Anchor from "../../components/Anchor";
 import "./AdminSignupPage.scss";
 import { SignupForm, getForms } from "../../models/SignupForm";
 import { StaticContext } from "../../server/StaticContext";
-// @ts-ignore
 import * as AddIcon from "../../assets/img/add-icon.png";
 
 export interface AdminSignupPageProps {

src/pages/FrontPage/FrontPage.tsx

@@ -6,7 +6,6 @@ import { Event, getEvents } from "../../models/Event";
 import { Post, getFeed } from "../../models/Feed";
 import { StaticContext } from "../../server/StaticContext";
 
-// @ts-ignore
 import * as BeerImage from "../../assets/img/beer.jpeg";
 import PageSection from "../../components/PageSection";
 import { ColorEnum } from "../../components/ColorDiv/ColorDiv";

tsconfig.json

@@ -3,16 +3,25 @@
     "outDir": "./dist/",
     "sourceMap": true,
     "noImplicitAny": false,
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
     "module": "commonjs",
     "target": "es5",
     "jsx": "react",
     "lib": ["es5", "es6", "es7", "dom"],
-    "experimentalDecorators": true,
+    "typeRoots": [
+      "./types",
+    ],
     "types": [
-      "node"
+      "node",
+      "jest"
     ]
   },
   "include": [
-    "./src/**/*"
-  ]
+    "./src/**/*",
+    "./types/**/*"
+  ],
 }

types/index.d.ts

@@ -0,0 +1,14 @@
+declare module "*.png" {
+  const value: any;
+  export = value;
+}
+declare module "*.jpg" {
+  const value: any;
+  export = value;
+}
+declare module "*.jpeg" {
+  const value: any;
+  export = value;
+}
+declare module "*.gif";
+declare module "*.svg";