add database link

i18n.json

@@ -34,6 +34,7 @@
     "OperationSystem": "操作系统",
     "Home": "首页",
     "BBS": "社区",
+    "DataBase": "决斗数据库",
     "Download": "立即安装",
     "CardTitle1": "新世界的入口",
     "CardTitle2": "为了爱而存在的萌立方",

src/Nav.js

 import React from 'react'
-import { Menu ,Icon } from 'antd'
-import { FormattedMessage } from 'react-intl'
+import { Menu, Icon } from 'antd'
+import { FormattedMessage } from 'react-q'
 
-export default class Nav_Mobile extends React.Component{
+export default class Nav_Mobile extends React.Component {
 
-  constructor(props){
+  constructor(props) {
     super(props);
     this.state = {
       classMenu: false,
     };
   }
-  menu=()=>{
-    this.setState({classMenu:!this.state.classMenu});
+  menu = () => {
+    this.setState({ classMenu: !this.state.classMenu });
   }
   render() {
-    var classMenu=this.state.classMenu;
-    if(!this.props.isMobile){
+    var classMenu = this.state.classMenu;
+    if (!this.props.isMobile) {
       return (
         <div>
           <div className="App-Logo">
-            <img alt="img" src={require("../public/logo.png")} style={{width: '140px', margin: '10px'}}/>      
+            <img alt="img" src={require("../public/logo.png")} style={{ width: '140px', margin: '10px' }} />
           </div>
           <Menu
             theme="dark"
@@ -28,36 +28,41 @@ export default class Nav_Mobile extends React.Component{
             style={{ lineHeight: '64px' }}>
 
             <Menu.Item key="1">
-              <FormattedMessage id={"Home"}/>            
+              <FormattedMessage id={"Home"} />
             </Menu.Item>
             <Menu.Item key="2">
               <a href="https://ygobbs.com/">
-                <FormattedMessage id={"BBS"}/>
+                <FormattedMessage id={"BBS"} />
+              </a>
+            </Menu.Item>
+            <Menu.Item key="3">
+              <a href="https://mycard.moe/ygopro/arena/index.html">
+                <FormattedMessage id={"DataBase"} />
               </a>
             </Menu.Item>
           </Menu>
         </div>
       );
-    }else{
+    } else {
       return (
         <div>
-          <div style={{position:'fixed',zIndex:10,width:'100%',background:'#404040'}}>
+          <div style={{ position: 'fixed', zIndex: 10, width: '100%', background: '#404040' }}>
             <div className="App-Logo">
-              <img alt="img" src={require("../public/logo.png")} style={{width: '140px', margin: '10px'}}/>         
+              <img alt="img" src={require("../public/logo.png")} style={{ width: '140px', margin: '10px' }} />
             </div>
             <div className="square" onClick={this.menu}>
               <Icon type="down-circle-o" />
             </div>
           </div>
-          <ul className={ classMenu ? "menu cshow" : "menu chidden" }>
+          <ul className={classMenu ? "menu cshow" : "menu chidden"}>
             <a href="#">
               <li>
-                <FormattedMessage id={"Home"}/>  
-              </li>          
+                <FormattedMessage id={"Home"} />
+              </li>
             </a>
             <a href="https://ygobbs.com/">
               <li>
-                <FormattedMessage id={"BBS"}/>
+                <FormattedMessage id={"BBS"} />
               </li>
             </a>
           </ul>