Fix compilation issue

components/Layout.tsx

@@ -1,5 +1,4 @@
 import React, { ReactNode } from 'react'
-import Link from 'next/link'
 import Head from 'next/head'
 
 type Props = {
@@ -19,8 +18,8 @@ const Layout = ({ children, title = 'This is the default title' }: Props) => (
       <nav>
         <img src="/mango.svg" />
         <a href="/">Mango Markets</a>
-        <a href="/trade">Trade</a>
-        <a href="/stats">Stats</a>
+        <a href="https://trade.mango.markets">Trade</a>
+        <a href="https://trade.mango.markets/#/stats">Stats</a>
         <a href="https://www.notion.so/Mango-Markets-8de7c02f243240769b917c6a500d8693">Help</a>
         <a href="https://medium.com/blockworks-foundation">Blog</a>
       </nav>

components/Logo.tsx

@@ -2,7 +2,7 @@ export default function Logo() {
   return (
   <>
     <img height="40px" width="40px" src="/mango.png" />
-    <span style={{ fontWeight: '700', marginRight: '1em' }}>
+    <span style={{ fontWeight: 700, marginRight: '1em' }}>
       Mango Markets
     </span>
   </>);

components/Navigation.tsx

@@ -1,4 +1,4 @@
-import { Image, Menu } from "antd";
+import { Menu } from "antd";
 import Logo from "./Logo";
 
 export default function Navigation() {

package.json

@@ -24,6 +24,7 @@
     "@types/node": "^12.12.21",
     "@types/react": "^16.9.16",
     "@types/react-dom": "^16.9.4",
+    "@types/styled-components": "^5.1.7",
     "typescript": "4.0",
     "webpack": "^4.44.2"
   },

pages/index.tsx

@@ -1,10 +1,10 @@
 import Head from 'next/head'
-import { Divider, Button, Layout, Space, Row, Col, Image } from 'antd';
+import { Divider, Button, Layout, Row, Col } from 'antd';
 import Logo from '../components/Logo';
 import Navigation from '../components/Navigation';
 import StatsPanel from '../components/StatsPanel';
 
-const { Header, Footer, Sider, Content } = Layout;
+const { Header, Footer, Content } = Layout;
 
 const IndexPage = () => (
   <>

tsconfig.json

@@ -11,6 +11,7 @@
     "moduleResolution": "node",
     "noEmit": true,
     "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": false,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "resolveJsonModule": true,

utils/sample-data.ts

@@ -1,9 +0,0 @@
-import { User } from '../interfaces'
-
-/** Dummy user data. */
-export const sampleUserData: User[] = [
-  { id: 101, name: 'Alice' },
-  { id: 102, name: 'Bob' },
-  { id: 103, name: 'Caroline' },
-  { id: 104, name: 'Dave' },
-]

yarn.lock

@@ -399,6 +399,14 @@
     "@types/qs" "*"
     "@types/range-parser" "*"
 
+"@types/hoist-non-react-statics@*":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
+  integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
+  dependencies:
+    "@types/react" "*"
+    hoist-non-react-statics "^3.3.0"
+
 "@types/json-schema@^7.0.6":
   version "7.0.7"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.7.tgz#98a993516c859eb0d5c4c8f098317a9ea68db9ad"
@@ -441,6 +449,14 @@
   dependencies:
     "@types/react" "^16"
 
+"@types/react@*":
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.2.tgz#3de24c4efef902dd9795a49c75f760cbe4f7a5a8"
+  integrity sha512-Xt40xQsrkdvjn1EyWe1Bc0dJLcil/9x2vAuW7ya+PuQip4UYUaXyhzWmAbwRsdMgwOFHpfp7/FFZebDU6Y8VHA==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^3.0.2"
+
 "@types/react@^16", "@types/react@^16.9.16":
   version "16.14.4"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.4.tgz#365f6a1e117d1eec960ba792c7e1e91ecad38e6f"
@@ -449,6 +465,15 @@
     "@types/prop-types" "*"
     csstype "^3.0.2"
 
+"@types/styled-components@^5.1.7":
+  version "5.1.7"
+  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.7.tgz#3cd10b088c1cb1acde2e4b166b3e8275a3083710"
+  integrity sha512-BJzPhFygYspyefAGFZTZ/8lCEY4Tk+Iqktvnko3xmJf9LrLqs3+grxPeU3O0zLl6yjbYBopD0/VikbHgXDbJtA==
+  dependencies:
+    "@types/hoist-non-react-statics" "*"
+    "@types/react" "*"
+    csstype "^3.0.2"
+
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"
@@ -2472,7 +2497,7 @@ hmac-drbg@^1.0.1:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
-hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.2:
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
   integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==