✨ StatCalc link, PET 10%, TopLists

Author: kronthto

src/components/AR/WeaponCalc/index.js

@@ -187,6 +187,16 @@ class WeaponCalcTool extends Component {
       this.buffItemDb = reducedItemDb.filter(
         item => BUFF_CARD_ITEMS.indexOf(item.id) !== -1
       )
+      this.buffItemDb.push({
+        id: 'PET10',
+        name: 'PET-Fixes +10% Dmg',
+        DesParameters: {
+          '18': 0.1,
+          '19': 0.1,
+          '71': 0.1,
+          '72': 0.1
+        }
+      })
       this.charmDb = reducedItemDb.filter(
         item =>
           item.kind === ITEMKIND_ACCESSORY_TIMELIMIT &&
@@ -610,7 +620,16 @@ class WeaponCalcTool extends Component {
           </div>
         )}
         <hr />
-        <label className="label">Stats</label>
+        <label className="label">
+          Stats{' '}
+          <a
+            target="_blank"
+            href="https://beta.vi0lation.de/ranking/statcalc"
+            rel="noopener noreferrer"
+          >
+            &rarr; StatCalc
+          </a>
+        </label>
         <div className="columns">
           {stats.map(stat => {
             const id = 'stat' + stat.id

src/components/Home.js

@@ -23,6 +23,16 @@ class Home extends Component {
               </div>
             </Link>
           </div>
+          <div className="column is-half">
+            <Link to="/topLists">
+              <div className="hero is-primary is-bold">
+                <div className="hero-body">
+                  <h2 className="title">Stats</h2>
+                  <h3 className="subtitle">All time data</h3>
+                </div>
+              </div>
+            </Link>
+          </div>
           <div className="column is-half">
             <Link to="/usercount">
               <div className="hero is-primary is-bold">
@@ -53,6 +63,16 @@ class Home extends Component {
               </div>
             </a>
           </div>
+          <div className="column is-half">
+            <a href="https://beta.vi0lation.de/ranking/statcalc">
+              <div className="hero is-primary is-bold vi0">
+                <div className="hero-body">
+                  <h2 className="title">Stat Calc</h2>
+                  <h3 className="subtitle">CPU builds</h3>
+                </div>
+              </div>
+            </a>
+          </div>
         </div>
       </div>
     )

src/containers/ChromeRivals/TopLists.js

@@ -0,0 +1,94 @@
+import React, { Component } from 'react'
+import { Helmet } from 'react-helmet'
+import { callApiChecked } from '../../middleware/api'
+import config from '../../config'
+import { colorName } from '../../utils/AR/names'
+import { format, utcToZonedTime } from 'date-fns-tz'
+
+const BBTable = props => (
+  <table className="table">
+    <thead>
+      <tr>
+        <th>Name</th>
+        <th>Kills</th>
+        <th>Servertime</th>
+      </tr>
+    </thead>
+    {props.data && (
+      <tbody>
+        {props.data.map(row => (
+          <tr key={row.tb}>
+            <td>{colorName(row.charactername)}</td>
+            <td>{row.cnt}</td>
+            <td>
+              {format(
+                utcToZonedTime(row.tb, 'Europe/Paris'),
+                'yyyy-MM-dd HH:mm'
+              )}
+            </td>
+          </tr>
+        ))}
+      </tbody>
+    )}
+  </table>
+)
+
+class TopLists extends Component {
+  constructor(props) {
+    super(props)
+    this.state = {}
+  }
+
+  componentDidMount() {
+    this.queryData()
+  }
+
+  queryData() {
+    let hsPromise = callApiChecked(config.crapibase + 'lists/hs')
+    let bbPromise = callApiChecked(config.crapibase + 'lists/bb')
+
+    this.setState({ hsPromise, bbPromise, hs: null, bb: null })
+
+    hsPromise.then(data => {
+      this.setState({
+        hs: data,
+        hsPromise: false
+      })
+    })
+    bbPromise.then(data => {
+      this.setState({
+        bb: data,
+        bbPromise: false
+      })
+    })
+  }
+
+  render() {
+    const title = 'ChromeRivals: All time statistics'
+
+    const { bb, hs } = this.state
+
+    return (
+      <div className="content">
+        <Helmet>
+          <meta name="description" content="Server statistics, multikills" />
+          <title>{title}</title>
+        </Helmet>
+
+        <h1 className="title">CR All time statistics</h1>
+
+        <h2>Highest BBs</h2>
+
+        <BBTable data={bb} />
+
+        <hr />
+
+        <h2>Highest HS</h2>
+
+        <BBTable data={hs} />
+      </div>
+    )
+  }
+}
+
+export default TopLists

src/routes.js

@@ -39,6 +39,12 @@ const routes = [
       lazyImport(import('./containers/ChromeRivals/KillsInInterval'))
     )
   },
+  {
+    path: '/topLists',
+    component: makeAsync(() =>
+      lazyImport(import('./containers/ChromeRivals/TopLists'))
+    )
+  },
   {
     path: '/fameChart',
     component: makeAsync(() =>