continue

package.json

@@ -3,11 +3,14 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@ant-design/compatible": "^1.0.8",
+    "@ant-design/icons": "^4.3.0",
     "@craco/craco": "^5.9.0",
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^12.3.0",
     "antd": "^4.9.1",
+    "craco": "0.0.3",
     "craco-less": "^1.17.1",
     "echarts": "^4.9.0",
     "echarts-for-react": "^2.0.16",
@@ -39,7 +42,6 @@
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^4.6.1",
     "@typescript-eslint/parser": "^4.6.1",
-    "eslint": "^7.13.0",
     "eslint-plugin-react": "^7.21.5",
     "prettier": "2.1.2"
   }

src/Home.js

@@ -1,10 +1,13 @@
 
 import React from 'react';
-import { Button, Layout, Menu } from 'antd';
+import { Button, Image, Layout, Menu } from 'antd';
+// import Icon from '@ant-design/compatible';
+import Icon from '@ant-design/icons';
 import {
   MenuUnfoldOutlined,
   MenuFoldOutlined,
   UserOutlined,
+  
   VideoCameraOutlined,
   UploadOutlined,
 } from '@ant-design/icons';
@@ -14,13 +17,15 @@ import config from './Config.js';
 import Trend from './charts/Trend';
 import { ConfigConsumer } from 'antd/lib/config-provider';
 import Playerduo from './pages/playerduo.js';
+import playerduo_logo from "./pages/playerduo_logo.svg";
+import { IconMap } from 'antd/lib/result';
 
 
 const { Header, Sider, Content } = Layout;
 
 class Home extends React.Component {
   state = {
-    collapsed: false,
+    collapsed: true,
   };
 
   toggle = () => {
@@ -48,9 +53,9 @@ class Home extends React.Component {
                 <Link to="/"></Link>
               </HashRouter>
             </Menu.Item> */}
-            <Menu.Item key="#/playerduo" icon={<VideoCameraOutlined />}>
-              playerduo
-                    <HashRouter>
+            <Menu.Item key="#/playerduo" title="playerduo" icon={ <Image width={32} height={32}  src={playerduo_logo}></Image>  }>
+          
+              <HashRouter>
                 <Link to={{ pathname: "/playerduo" }}></Link>
               </HashRouter>
             </Menu.Item>

src/pages/playerduo_logo.svg

@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   viewBox="0 0 200 200"
+   height="200"
+   width="200"
+   id="svg2"
+   version="1.1">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <image
+     y="0"
+     x="0"
+     id="image10"
+     xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAABMlBMVEUAAADwVkrwVkrwVkrwVkrw
+VkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrw
+VkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrwVkrw
+VkrwVkrwVkr////tNijwVEjvSDv4rqjxYlfwWU3/+fnuPC7uRDfuQjT4qaPya2DvT0P7zMnvRjnv
+TUD94N73opzvSj3uPjDuOSvtMSLwUkXtNCX0gnn//PzxXlP+8/P0hn7+9vb5urX0fXTxZlvxXFH5
+vrn2mpP1i4L0eXDzcWf7z8v95+X5t7L2k4vvTkL+8O/97Or829n6xcH4sq3zdWvtLB3819T4pqD3
+oZrrHw+CLHHaAAAALXRSTlMA7t/b0SIK8gXlyIb8wqF6eFs+LRbWua6UkY5PR6Z06plCtX/2EB0z
+IGVTbyb1fiu8AAAJH0lEQVR42tzZWXbaQBAF0AetCU2gKQIhC0d2GOy8/W8v+fE5+Ygdgbpb1bk7
+eB9VpwYYEfllsevyMfPWm1X422qz9rIx73ZF6Udwgn/c5vGJXzjF+fboQ7CgHFrFiVQ7lAEEugzj
+indajcMFkkT9oeGDmn0vpWj65w1n2Tz3WFyVKGqgkgpLehupzfiGhdSDolZqV8O+cxdSu7C7wq7r
+IaUR6d6HPXWX0pi0q2HJNqRR4TaCBYWicaqAadVIK75VMOqF1rzAnNKjRV4JQxJalsCEnzGtiyto
+d+MibtAs50Jy6OR7XIznQ5v+lQt67aHJOxf2Di06Lu4ADZ4oQIvZMoqQRZgl8CiEF8zK0VCM5sf/
+kYNUDyeJROUgVYDHiKmPD57T/epPGR7QUqAWdztQpL1z85Wmues7xepxhzqlWOkZ0ykKphzYa6d5
+wkQFhbthkjPF8zGFsAnrbxqR90RDN8iKTrjgX9Z0wlrQ32CexPmO9eHq2g7ymRhfONIhR3zuRIf8
+4tbOepsGojAMTxAtpGIpOwixww3SNx7C1A517MRrgECp2ixdSJoW+P9/AcSiY5tEnIG5qHnuLeuV
+5fEZ2w2x1Dpq5bJYYvUUD+8LrdZrd2u8772O2rkuFnmI2nkoFniGGrp+Or/nmLvzHyxZ311YFVX3
+UUvr9X6okwe1nrKK7tZ37C27WNt9SNVK/d44cLaKTdRW6Xa/ihq7ajxmaRX/4i7UDkKFBXToLREE
+ka8U/sklQRrgUHq49Uv/p8EPu98M+vMPWezEPqqyN5vLvNR+O3Hi6B9iGsafdYKX8g9eTzq9eeh4
+KHNeyWU2DrvjvZ2hjp0AVeaffm6D5cVLydHtvckDjYK8Jf/gcLa/nbhK42885L5dpJANybLxKsuV
+Zl0R8u79yHXxN5r8170UwvSxn0eaGUJmm3QpTVxjD74UwtZKAs0NIa3IoRLjEfgmiLUQOXMDTSFc
+k1GaGafcFN+dPwdiL0R2nEhTCNtu6puWPF2lx7q9EHKUKgrh+2xecpVuEYshZJBrCuHrpRnMrJf+
+nrEfsuEHFGJgP4WZW/QUMQ6ZzDpVJ4eyYi/9LeRdp2g8nbyWvxsZrl1N2lMZh/S+tKsCDI9k2Ruv
+GjJNknbBC/Wh/2oqK95GnlnJCu3WTUNauarKoiTdnsmiVloN6UZh6ZgwSJxgPpNlsxRGngshLoOY
+hDhYxC3PVYd+WA0JfVT5iTPqypJhomHgCf14YilER8fvZUE/YYRAK6e9J4u6cQbC+j1lDbAYAh3E
+E0mOHE4IoIO0J4sGRvf7mhDnG4DNEOi0L8mJl7FCoA+OW7Jg6irwNc6LFRArIfCDSWH90REvBDpM
+x7JgHsPACg0olkKq+6iRxwyBjrN3khzlMPCIfs6yF5IMJNlyuSHQx/uSfDw4AN8VsQ7YDmmPJBnw
+QxB6E0mGLvgu0/cdeyHepiS7BiE63ZHkUw6+O+ISgNNyRRBsF87QiRXY7onHsB6S9CXZig1ClNsp
+TAUqBNtNsWY/JO9JsukZhCDfKR/KtibOwnZIFk8La48KTULioSR9F2w3xBlYDtHOXJJxrNgh1VPs
+J2A7I5qwHBLmJ9Wlhx9ykBUW4J4DtqZowGqIzo4/lQcNo5AsOCmdgq0hzsFmiA5KT2fZ9TKjENUe
+F4aURIHrnI0Q2u6106gli3Zy1CbkKzd325M2FMUBvDNzU1/Ilm3OLTOZ0yW++ffewk1bLaUrBUQc
+PgA6RNx0+v0/w0KCtw8JpKe1k/b3lgTyT2m53HPOFU19qq6d9sZqUGfk0oI0jfBX638GcSvdqd83
+akSvIaLL4V9zg1g1R5X2KUHS3OxyQTKLo1uYYPdt6WZuEFd0VKnnIbYXaR6/cok4S0UXmOBHp1Jl
+bsnQDK03CUFWlSVkFuS4IR7/xtqShnlYX/UN6ohtSXmZWZBeg4OKDVWpXdEQ2wdlDRkFuUpQ6LDc
+sSo5WhOxrSnfkEmQziBBDsFOVF+XIb4NZQvIIMg5WqDjrWrwklKCbCmf8fRBqgPPFCATXuhJXrER
+36f0mw9mJIhTvqh7XIBuxG5U3yVph66UfjvIOOhMjSdNDLcjVpcxaO4eQg+LFgjept+g4zibgmV4
+zLSQ0N0g1D/QdEGw/QRbptydqllNjoQEv7uIVFYECJbTbGI/IWE0DtWgtjBA8GJlUlbAswfRGqNI
+0e6edkHWUhV64uMB0Vcs22O8F6mjjg0XFFupSm+xnbm6jwV5er1WOR521IhbJkCxI4uhmQYx++dS
+txzSrTryTUM11NhkMXQPUlZBGkOV5JLVQLMsW2WzC0LvfHBMQ4Bk9bGFY6GCOG5dgOajbKpZoCCX
+ti5AVPLbnBYmSFk3Bai2lYmVXQBYjCDjk5ZLz7H7KtAKuAhB2vtWiwuQbYSaM589SKcs+4WJ3hDa
+ZbMO0q5eCWYKJPKO0sAcbSkfthCQ6gfx+u+ffsVkGhJapbeUX/+U9j3Epg1+zPDQ6x8eCNvzbI7E
+vlKb/DmOfILwyWc2m8HzPN1wm0jlC3XsAtzVJEtgQbzO97yxb70oo0nbRRwWK8743h5ya7mYI67F
+GTouzBh4XgfzS8U9KiF/x7tMbBbjfBfgfUEOeFkv9pE7+btLNotyLNV3ZYYScmWn+Ee35WvF9a+9
+u91NEAbDMPzQAvJhIgytiKAiItPwnv/pLUv2Y9myRZDWtnqdQUNS2v547+szjDc06V7iPccIUHuG
+sqIjI3SWDC4uLBklzfHF9J3L0zrrdruLUcWnv1WWJAkYbnfW+UB/xgAlaau0JKSyw0A5aSm3JDZ0
+tCT/FNkS5Aowiq/Z74T7GKnVaiW8xWitRidh3r7Cjp8CTfauH6lNY+N1a/xiZL4utyQQvLMk2by1
+I6K96l9Zc51eJC6YXOaScm6GobSMp8WQ5M0lhVY1vjH3o8SQKhOkhOggW8pIOpZCgaA5kVSnJoAa
+y2JO8mzOUMfLJS1lfvCg1nsxo8mdCg/qLRNGk2KLJR4kFTQZkeKRspjTBFic4eHKQ0h3CQ8l9BBs
+c04j8XwbQCddcnRoIEckHTTU1sma0Y3YOqlbaKy/NlW0p3/so6q59jCC39fpYlOJyGWh48xmjhMy
+NxLVZpHWvQ8ZPgCwZvG1Wu/+SgAAAABJRU5ErkJggg==
+"
+     style="image-rendering:optimizeQuality"
+     preserveAspectRatio="none"
+     height="200"
+     width="200" />
+</svg>