Add chinese with i18n

package.json

@@ -9,7 +9,8 @@
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "^3.4.0"
+    "react-scripts": "^3.4.0",
+    "react-intl-universal": "2.2.2"
   },
   "scripts": {
     "predeploy": "npm run build",

public/index.html

@@ -78,6 +78,7 @@
         </a> who loves numbers and loves you
       </p>
       <p>With many amazing PRs from <a class="" href="https://twitter.com/iamchrissmith" target="_blank" rel="noopener noreferrer">@iamchrissmith</a> and <a class="" href="https://twitter.com/brianmcmichael" target="_blank" rel="noopener noreferrer">@brianmcmichael</a></p>
+      <p>With an awesome language contribution of <a class="" href="https://github.com/496080199" target="_blank" rel="noopener noreferrer">@xiaopao</a></p>
       <p>Take a look at the <a class="" href="https://github.com/nanexcool/daistats" target="_blank" rel="noopener noreferrer">Source
         code</a>
       </p>

src/App.jsx

@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import intl from 'react-intl-universal'
 import {
   BrowserRouter as Router,
   Switch,
@@ -329,9 +330,11 @@ class App extends Component {
     const combo = duty.add(base);
     return this.calcFee(combo);
   }
+
 
   etherscanEthSupply = async () => {
-    const json = await jsonFetch('https://api.etherscan.io/api?action=ethsupply&module=stats&apikey=N5TICDBVG4MHDS7CGPJ9MHXRYC1Y84963N');
+    const ethapi = intl.get('ethapi')
+    const json = await jsonFetch(ethapi+'/api?action=ethsupply&module=stats&apikey=N5TICDBVG4MHDS7CGPJ9MHXRYC1Y84963N');
     return json.result;
   }
 
@@ -392,7 +395,7 @@ class App extends Component {
            </figure>
            <br />
            <progress className="progress is-small is-primary" max="100">15%</progress>
-           <p>One sec, fetching data from Ethereum Mainnet</p>
+           <p>{intl.get('One_sec')}</p>
          </div>
        </section>
       )

src/i18n/en.json

@@ -0,0 +1,66 @@
+{
+    "One_sec":"One sec, fetching data from Ethereum Mainnet",
+    "Block":"Block",
+    "Paused":"Paused",
+    "Auto-updating":"Auto-updating",
+    "Restart":"Restart",
+    "Pause":"Pause",
+    "USDC_here":"USDC is here, lock it up",
+    "MKR_Debt_Auction_start":"MKR Debt Auction start Thursday March 19 around 10:28 ET (14:28 UTC)",
+    "Read_Maker_blog":"Read more about it on the Maker Blog",
+    "Total_Dai":"Total Dai",
+    "Total_Sai":"Total Sai",
+    "Dai_from_ETH":"Dai from ETH",
+    "Dai_from_BAT":"Dai from BAT",
+    "Dai_from_Migration":"Dai from Migration",
+    "Dai_from_USDC":"Dai from USDC",
+    "ETH_Locked":"ETH Locked (in ETH)",
+    "ETH_Supply_Locked":"ETH Supply Locked",
+    "ETH_Ceiling":"ETH Ceiling (in Dai)",
+    "Utilization":"Utilization",
+    "ETH_Stability_Fee":"ETH Stability Fee",
+    "Last_Drip":"Last Drip",
+    "BAT_Locked":"BAT Locked (in BAT)",
+    "BAT_Supply_Locked":"BAT Supply Locked",
+    "BAT_Ceiling":"BAT Ceiling (in Dai)",
+    "BAT_Stability_Fee":"BAT Stability Fee",
+    "USDC_Locked":"USDC Locked (in USDC)",
+    "USDC_Supply_Locked":"USDC Supply Locked",
+    "USDC_Ceiling":"USDC Ceiling (in Dai)",
+    "USDC_Stability_Fee":"USDC Stability Fee",
+    "Dai_ERC20_Supply":"Dai (ERC20) Supply",
+    "Collat_Ratio":"Collat. Ratio",
+    "Total_Locked":"Total Locked",
+    "Dai_Price":"Dai Price",
+    "ETH_Price":"ETH Price",
+    "Next_OSM_Price":"Next OSM Price",
+    "BAT_Price":"BAT Price",
+    "USDC_Price":"USDC Price",
+    "MKR_Price":"MKR Price",
+    "Dai_in_DSR":"Dai in DSR",
+    "Pie_in_DSR":"Pie in DSR",
+    "Dai_Savings_Rate":"Dai Savings Rate",
+    "Debt_available_to_heal":"Debt available to heal",
+    "Debt_Buffer":"Debt Buffer",
+    "System_Surplus":"System Surplus",
+    "Surplus_Buffer":"Surplus Buffer",
+    "Lot":"Lot",
+    "Dai_Surplus_Flap_Auctions":"Dai Surplus (Flap) Auctions",
+    "Till_next_Flap_Possible":"Till next Flap Possible",
+    "Vaults_Opened":"Vaults Opened",
+    "ETH_Vault_Auctions":"ETH Vault Auctions",
+    "BAT_Vault_Auctions":"BAT Vault Auctions",
+    "Debt_Flop_Auctions":"Debt (Flop) Auctions",
+    "Initial_Lot_Size":"Initial Lot Size",
+    "MKR_Initial_Price":"MKR Initial Price",
+    "MKR_Supply":"MKR Supply",
+    "MKR_in_Burner":"MKR in Burner",
+    "Annual_MKR_Burn_Rate":"Annual MKR Burn Rate",
+    "Total_Chai":"Total Chai",
+    "Dai_brewing":"Dai brewing",
+    "Dai_in_Uniswap":"Dai in Uniswap",
+
+    "ethapi":"https://api.etherscan.io",
+    "ethscan":"https://etherscan.io"
+
+}

src/i18n/zh.json

@@ -0,0 +1,66 @@
+{
+    "One_sec":"请等待几秒，正在从以太坊主网加载数据",
+    "Block":"区块",
+    "Paused":"已停止",
+    "Auto-updating":"自动更新中",
+    "Restart":"重启",
+    "Pause":"暂停",
+    "USDC_here":"USDC已上线，快来锁仓吧！",
+    "MKR_Debt_Auction_start":"MKR债务拍卖将于3月19日（周四）晚10：28左右开始(14:28 UTC)",
+    "Read_Maker_blog":"到Maker博客阅读更多相关信息",
+    "Total_Dai":"总计Dai",
+    "Total_Sai":"总计Sai",
+    "Dai_from_ETH":"来源于ETH的Dai",
+    "Dai_from_BAT":"来源于BAT的Dai",
+    "Dai_from_Migration":"来源于迁移的Dai",
+    "Dai_from_USDC":"来源于USDC的Dai",
+    "ETH_Locked":"已锁定ETH(单位ETH)",
+    "ETH_Supply_Locked":"占ETH供应量锁定比例",
+    "ETH_Ceiling":"ETH上限(单位Dai)",
+    "Utilization":"利用率",
+    "ETH_Stability_Fee":"ETH稳定费率",
+    "Last_Drip":"最新更新",
+    "BAT_Locked":"已锁定BAT(单位BAT)",
+    "BAT_Supply_Locked":"占BAT供应量锁定比例",
+    "BAT_Ceiling":"BAT上限(单位Dai)",
+    "BAT_Stability_Fee":"BAT稳定费率",
+    "USDC_Locked":"已锁定USDC(单位USDC)",
+    "USDC_Supply_Locked":"占USDC供应量锁定比例",
+    "USDC_Ceiling":"USDC上限(单位Dai)",
+    "USDC_Stability_Fee":"USDC稳定费率",
+    "Dai_ERC20_Supply":"Dai供应量(ERC20)",
+    "Collat_Ratio":"抵押率",
+    "Total_Locked":"总计锁定",
+    "Dai_Price":"Dai价格",
+    "ETH_Price":"ETH价格",
+    "Next_OSM_Price":"下次OSM喂价",
+    "BAT_Price":"BAT价格",
+    "USDC_Price":"USDC价格",
+    "MKR_Price":"MKR价格",
+    "Dai_in_DSR":"储蓄中的Dai",
+    "Pie_in_DSR":"储蓄中享有利息的Dai",
+    "Dai_Savings_Rate":"Dai储蓄利率",
+    "Debt_available_to_heal":"可治愈的债务",
+    "Debt_Buffer":"债务缓冲",
+    "System_Surplus":"系统盈余",
+    "Surplus_Buffer":"盈余缓冲",
+    "Lot":"批",
+    "Dai_Surplus_Flap_Auctions":"Dai盈余拍卖(Flap)",
+    "Till_next_Flap_Possible":"目前将要被盈余拍卖的",
+    "Vaults_Opened":"开启的金库",
+    "ETH_Vault_Auctions":"ETH金库拍卖",
+    "BAT_Vault_Auctions":"BAT金库拍卖",
+    "Debt_Flop_Auctions":"债务拍卖(Flop)",
+    "Initial_Lot_Size":"初始批大小",
+    "MKR_Initial_Price":"MKR初始价格",
+    "MKR_Supply":"MKR供应量",
+    "MKR_in_Burner":"销毁池中的MKR",
+    "Annual_MKR_Burn_Rate":"MKR年度销毁量",
+    "Total_Chai":"总计Chai",
+    "Dai_brewing":"酝酿中的Dai",
+    "Dai_in_Uniswap":"Uniswap中的Dai",
+
+    "ethapi":"https://ethapi.xiaopao.gq",
+    "ethscan":"https://cn.etherscan.com"
+
+}

src/index.js

@@ -1,8 +1,22 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 // import './index.css';
+import intl from 'react-intl-universal';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
+import zh from './i18n/zh.json'
+import en from './i18n/en.json'
+
+let lang = (navigator.languages && navigator.languages[0]) || navigator.language
+intl.init({
+  currentLocale: lang.split('-')[0],
+  locales: {
+    zh,
+    en
+  }
+})
+
+
 
 ReactDOM.render(<App />, document.getElementById('root'));