mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-03-21 18:04:39 -05:00
couple improvements and one bug fix
This commit is contained in:
Sendou
parent
595a1adbf8
commit
e7b2aa68be
|
|
@ -1,13 +1,13 @@
|
|||
{
|
||||
"files": {
|
||||
"main.js": "/static/js/main.d75a99c7.chunk.js",
|
||||
"main.js.map": "/static/js/main.d75a99c7.chunk.js.map",
|
||||
"main.js": "/static/js/main.a185fcb3.chunk.js",
|
||||
"main.js.map": "/static/js/main.a185fcb3.chunk.js.map",
|
||||
"runtime~main.js": "/static/js/runtime~main.a8a9905a.js",
|
||||
"runtime~main.js.map": "/static/js/runtime~main.a8a9905a.js.map",
|
||||
"static/js/2.cb56dbda.chunk.js": "/static/js/2.cb56dbda.chunk.js",
|
||||
"static/js/2.cb56dbda.chunk.js.map": "/static/js/2.cb56dbda.chunk.js.map",
|
||||
"static/js/2.b2ec91ee.chunk.js": "/static/js/2.b2ec91ee.chunk.js",
|
||||
"static/js/2.b2ec91ee.chunk.js.map": "/static/js/2.b2ec91ee.chunk.js.map",
|
||||
"index.html": "/index.html",
|
||||
"precache-manifest.1ca4614fef96c5433f5ff69a41b06365.js": "/precache-manifest.1ca4614fef96c5433f5ff69a41b06365.js",
|
||||
"precache-manifest.a266afa1288e8e60a50ef7a4aed71bb9.js": "/precache-manifest.a266afa1288e8e60a50ef7a4aed71bb9.js",
|
||||
"service-worker.js": "/service-worker.js",
|
||||
"static/media/bridge.png": "/static/media/bridge.fba72008.png",
|
||||
"static/media/depot.png": "/static/media/depot.c5459318.png",
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>sendou.ink</title></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/2.cb56dbda.chunk.js"></script><script src="/static/js/main.d75a99c7.chunk.js"></script></body></html>
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="manifest" href="/manifest.json"/><title>sendou.ink</title></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/2.b2ec91ee.chunk.js"></script><script src="/static/js/main.a185fcb3.chunk.js"></script></body></html>
|
||||
|
|
@ -1,15 +1,15 @@
|
|||
self.__precacheManifest = (self.__precacheManifest || []).concat([
|
||||
{
|
||||
"revision": "fce026fec609758b17b004361a97d180",
|
||||
"revision": "fa592055628a74db40e848a92d71e41d",
|
||||
"url": "/index.html"
|
||||
},
|
||||
{
|
||||
"revision": "ed9ad4880c1593a5782d",
|
||||
"url": "/static/js/2.cb56dbda.chunk.js"
|
||||
"revision": "47be2316fcf061db3f69",
|
||||
"url": "/static/js/2.b2ec91ee.chunk.js"
|
||||
},
|
||||
{
|
||||
"revision": "2af0b266e9ad0e08f099",
|
||||
"url": "/static/js/main.d75a99c7.chunk.js"
|
||||
"revision": "f6c9b0e9e4b6373be0f5",
|
||||
"url": "/static/js/main.a185fcb3.chunk.js"
|
||||
},
|
||||
{
|
||||
"revision": "42ac5946195a7306e2a5",
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.0/workbox-sw.js");
|
||||
|
||||
importScripts(
|
||||
"/precache-manifest.1ca4614fef96c5433f5ff69a41b06365.js"
|
||||
"/precache-manifest.a266afa1288e8e60a50ef7a4aed71bb9.js"
|
||||
);
|
||||
|
||||
self.addEventListener('message', (event) => {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
1
build/static/js/2.b2ec91ee.chunk.js.map
Normal file
1
build/static/js/2.b2ec91ee.chunk.js.map
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
build/static/js/main.a185fcb3.chunk.js
Normal file
2
build/static/js/main.a185fcb3.chunk.js
Normal file
File diff suppressed because one or more lines are too long
1
build/static/js/main.a185fcb3.chunk.js.map
Normal file
1
build/static/js/main.a185fcb3.chunk.js.map
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
4
react-ui/src/components/Footer.js
vendored
4
react-ui/src/components/Footer.js
vendored
|
|
@ -1,10 +1,12 @@
|
|||
import React from 'react'
|
||||
import { Icon } from 'semantic-ui-react'
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<div style={{"fontSize": "small", "paddingTop": "25px"}} >
|
||||
<hr />
|
||||
Website by <a href="https://twitter.com/sendouc">Sendou</a>. Data for X Rank Leaderboards provided by <a href="https://twitter.com/LeanYoshi">Lean</a>.
|
||||
Website by <a href="https://twitter.com/sendouc">Sendou</a>. Data for X Rank Leaderboards provided by <a href="https://twitter.com/LeanYoshi">Lean</a>.<br />
|
||||
<Icon name='github' /> Source code for this site is available on <a href="https://github.com/Sendouc/sendou-ink">GitHub</a>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
275
react-ui/src/components/TopPlacementsTable.js
vendored
275
react-ui/src/components/TopPlacementsTable.js
vendored
|
|
@ -9,6 +9,89 @@ import cbIcon from './img/modeIcons/cb.png'
|
|||
import { months } from '../utils/lists'
|
||||
|
||||
const TopPlacementTable = ({ top }) => {
|
||||
const returnRow = (x, placement, mode) => {
|
||||
if (!x) {
|
||||
return null
|
||||
}
|
||||
|
||||
const modeIcon = ["", szIcon, tcIcon, rmIcon, cbIcon][mode]
|
||||
const modeName = ["", "Splat Zones", "Tower Control", "Rainmaker", "Clam Blitz"][mode]
|
||||
|
||||
if (x === placement) {
|
||||
return (
|
||||
<Table.Body>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={modeIcon} size='mini' />
|
||||
<Header.Content>
|
||||
{modeName}
|
||||
<Header.Subheader>Highest X Power & Placement</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{x.x_power}</Table.Cell>
|
||||
<Table.Cell>{x.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[x.weapon]}.png`}
|
||||
alt={x.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[x.month]}</Table.Cell>
|
||||
<Table.Cell>{x.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
</Table.Body>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<Table.Body>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={modeIcon} size='mini' />
|
||||
<Header.Content>
|
||||
{modeName}
|
||||
<Header.Subheader>Highest X Power</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{x.x_power}</Table.Cell>
|
||||
<Table.Cell>{x.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[x.weapon]}.png`}
|
||||
alt={x.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[x.month]}</Table.Cell>
|
||||
<Table.Cell>{x.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={modeIcon} size='mini' />
|
||||
<Header.Content>
|
||||
{modeName}
|
||||
<Header.Subheader>Highest Placement</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{placement.x_power}</Table.Cell>
|
||||
<Table.Cell>{placement.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[placement.weapon]}.png`}
|
||||
alt={placement.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[placement.month]}</Table.Cell>
|
||||
<Table.Cell>{placement.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
</Table.Body>
|
||||
)
|
||||
}
|
||||
return (
|
||||
<Table basic='very' celled collapsing>
|
||||
<Table.Header>
|
||||
|
|
@ -21,194 +104,10 @@ const TopPlacementTable = ({ top }) => {
|
|||
<Table.HeaderCell>Year</Table.HeaderCell>
|
||||
</Table.Row>
|
||||
</Table.Header>
|
||||
{top.szX ?
|
||||
<Table.Body>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={szIcon} size='mini' />
|
||||
<Header.Content>
|
||||
Splat Zones
|
||||
<Header.Subheader>Highest X Power</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{top.szX.x_power}</Table.Cell>
|
||||
<Table.Cell>{top.szX.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[top.szX.weapon]}.png`}
|
||||
alt={top.szX.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[top.szX.month]}</Table.Cell>
|
||||
<Table.Cell>{top.szX.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={szIcon} size='mini' />
|
||||
<Header.Content>
|
||||
Splat Zones
|
||||
<Header.Subheader>Highest Placement</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{top.szTop.x_power}</Table.Cell>
|
||||
<Table.Cell>{top.szTop.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[top.szTop.weapon]}.png`}
|
||||
alt={top.szTop.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[top.szTop.month]}</Table.Cell>
|
||||
<Table.Cell>{top.szTop.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
</Table.Body>
|
||||
: null
|
||||
}
|
||||
{top.tcX ?
|
||||
<Table.Body>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={tcIcon} size='mini' />
|
||||
<Header.Content>
|
||||
Tower Control
|
||||
<Header.Subheader>Highest X Power</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{top.tcX.x_power}</Table.Cell>
|
||||
<Table.Cell>{top.tcX.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[top.tcX.weapon]}.png`}
|
||||
alt={top.tcX.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[top.tcX.month]}</Table.Cell>
|
||||
<Table.Cell>{top.tcX.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={tcIcon} size='mini' />
|
||||
<Header.Content>
|
||||
Tower Control
|
||||
<Header.Subheader>Highest Placement</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{top.tcTop.x_power}</Table.Cell>
|
||||
<Table.Cell>{top.tcTop.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[top.tcTop.weapon]}.png`}
|
||||
alt={top.tcTop.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[top.tcTop.month]}</Table.Cell>
|
||||
<Table.Cell>{top.tcTop.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
</Table.Body>
|
||||
: null
|
||||
}
|
||||
{top.rmX ?
|
||||
<Table.Body>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={rmIcon} size='mini' />
|
||||
<Header.Content>
|
||||
Rainmaker
|
||||
<Header.Subheader>Highest X Power</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{top.rmX.x_power}</Table.Cell>
|
||||
<Table.Cell>{top.rmX.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[top.rmX.weapon]}.png`}
|
||||
alt={top.rmX.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[top.rmX.month]}</Table.Cell>
|
||||
<Table.Cell>{top.rmX.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={rmIcon} size='mini' />
|
||||
<Header.Content>
|
||||
Rainmaker
|
||||
<Header.Subheader>Highest Placement</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{top.rmTop.x_power}</Table.Cell>
|
||||
<Table.Cell>{top.rmTop.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[top.rmTop.weapon]}.png`}
|
||||
alt={top.rmTop.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[top.rmTop.month]}</Table.Cell>
|
||||
<Table.Cell>{top.rmTop.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
</Table.Body>
|
||||
: null
|
||||
}
|
||||
{top.cbX ?
|
||||
<Table.Body>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={cbIcon} size='mini' />
|
||||
<Header.Content>
|
||||
Clam Blitz
|
||||
<Header.Subheader>Highest X Power</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{top.cbX.x_power}</Table.Cell>
|
||||
<Table.Cell>{top.cbX.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[top.cbX.weapon]}.png`}
|
||||
alt={top.cbX.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[top.cbX.month]}</Table.Cell>
|
||||
<Table.Cell>{top.cbX.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
<Table.Row>
|
||||
<Table.Cell>
|
||||
<Header as='h4' image>
|
||||
<Image src={cbIcon} size='mini' />
|
||||
<Header.Content>
|
||||
Clam Blitz
|
||||
<Header.Subheader>Highest Placement</Header.Subheader>
|
||||
</Header.Content>
|
||||
</Header>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{top.cbTop.x_power}</Table.Cell>
|
||||
<Table.Cell>{top.cbTop.rank}</Table.Cell>
|
||||
<Table.Cell>
|
||||
<img
|
||||
src={process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[top.cbTop.weapon]}.png`}
|
||||
alt={top.cbTop.weapon}
|
||||
/>
|
||||
</Table.Cell>
|
||||
<Table.Cell>{months[top.cbTop.month]}</Table.Cell>
|
||||
<Table.Cell>{top.cbTop.year}</Table.Cell>
|
||||
</Table.Row>
|
||||
</Table.Body>
|
||||
: null
|
||||
}
|
||||
{returnRow(top.szX, top.szTop, 1)}
|
||||
{returnRow(top.tcX, top.tcTop, 2)}
|
||||
{returnRow(top.rmX, top.rmTop, 3)}
|
||||
{returnRow(top.cbX, top.cbTop, 4)}
|
||||
</Table>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
240
react-ui/src/components/WeaponLeaderboardSelector.js
vendored
240
react-ui/src/components/WeaponLeaderboardSelector.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
import React, { useState } from 'react'
|
||||
import { Menu } from 'semantic-ui-react'
|
||||
import { Menu, Responsive } from 'semantic-ui-react'
|
||||
import { Route, withRouter } from 'react-router-dom'
|
||||
import WeaponLeaderboard from './WeaponLeaderboard'
|
||||
import { topTotalPlayers } from '../graphql/queries/topPlayers'
|
||||
|
|
@ -33,88 +33,178 @@ const WeaponLeaderboardSelector = withRouter(({ history, setMenuSelection }) =>
|
|||
<div>
|
||||
<div className="ui centered grid">
|
||||
<div className="center aligned column">
|
||||
<Menu compact icon='labeled'>
|
||||
<Menu.Item
|
||||
name='all'
|
||||
active={activeItem === 'topTotal'}
|
||||
onClick={() => { history.push('/xleaderboard')}}
|
||||
>
|
||||
<img style={wpnIcon} src={allIcon} alt="All Icon"/>
|
||||
All
|
||||
</Menu.Item>
|
||||
<Responsive minWidth={800}>
|
||||
<Menu compact icon='labeled'>
|
||||
<Menu.Item
|
||||
name='all'
|
||||
active={activeItem === 'topTotal'}
|
||||
onClick={() => { history.push('/xleaderboard')}}
|
||||
>
|
||||
<img style={wpnIcon} src={allIcon} alt="All Icon"/>
|
||||
All
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='shooters'
|
||||
active={activeItem === 'topShooter'}
|
||||
onClick={() => { history.push('/xleaderboard/shooters')}}
|
||||
>
|
||||
<img style={wpnIcon} src={shooterIcon} alt="Shooter Icon"/>
|
||||
Shooters
|
||||
</Menu.Item>
|
||||
<Menu.Item
|
||||
name='shooters'
|
||||
active={activeItem === 'topShooter'}
|
||||
onClick={() => { history.push('/xleaderboard/shooters')}}
|
||||
>
|
||||
<img style={wpnIcon} src={shooterIcon} alt="Shooter Icon"/>
|
||||
Shooters
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='blasters'
|
||||
active={activeItem === 'topBlaster'}
|
||||
onClick={() => { history.push('/xleaderboard/blasters')}}
|
||||
>
|
||||
<img style={wpnIcon} src={blasterIcon} alt="Blaster Icon"/>
|
||||
Blasters
|
||||
</Menu.Item>
|
||||
<Menu.Item
|
||||
name='blasters'
|
||||
active={activeItem === 'topBlaster'}
|
||||
onClick={() => { history.push('/xleaderboard/blasters')}}
|
||||
>
|
||||
<img style={wpnIcon} src={blasterIcon} alt="Blaster Icon"/>
|
||||
Blasters
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='rollers'
|
||||
active={activeItem === 'topRoller'}
|
||||
onClick={() => { history.push('/xleaderboard/rollers')}}
|
||||
>
|
||||
<img style={wpnIcon} src={rollerIcon} alt="Roller Icon"/>
|
||||
Rollers
|
||||
</Menu.Item>
|
||||
<Menu.Item
|
||||
name='rollers'
|
||||
active={activeItem === 'topRoller'}
|
||||
onClick={() => { history.push('/xleaderboard/rollers')}}
|
||||
>
|
||||
<img style={wpnIcon} src={rollerIcon} alt="Roller Icon"/>
|
||||
Rollers
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='chargers'
|
||||
active={activeItem === 'topCharger'}
|
||||
onClick={() => { history.push('/xleaderboard/chargers')}}
|
||||
>
|
||||
<img style={wpnIcon} src={chargerIcon} alt="Charger Icon"/>
|
||||
Chargers
|
||||
</Menu.Item>
|
||||
<Menu.Item
|
||||
name='chargers'
|
||||
active={activeItem === 'topCharger'}
|
||||
onClick={() => { history.push('/xleaderboard/chargers')}}
|
||||
>
|
||||
<img style={wpnIcon} src={chargerIcon} alt="Charger Icon"/>
|
||||
Chargers
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='splatlings'
|
||||
active={activeItem === 'topSplatling'}
|
||||
onClick={() => { history.push('/xleaderboard/splatlings')}}
|
||||
>
|
||||
<img style={wpnIcon} src={splatlingIcon} alt="Splatling Icon"/>
|
||||
Splatlings
|
||||
</Menu.Item>
|
||||
<Menu.Item
|
||||
name='splatlings'
|
||||
active={activeItem === 'topSplatling'}
|
||||
onClick={() => { history.push('/xleaderboard/splatlings')}}
|
||||
>
|
||||
<img style={wpnIcon} src={splatlingIcon} alt="Splatling Icon"/>
|
||||
Splatlings
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='sloshers'
|
||||
active={activeItem === 'topSlosher'}
|
||||
onClick={() => { history.push('/xleaderboard/sloshers')}}
|
||||
>
|
||||
<img style={wpnIcon} src={slosherIcon} alt="Slosher Icon"/>
|
||||
Sloshers
|
||||
</Menu.Item>
|
||||
<Menu.Item
|
||||
name='sloshers'
|
||||
active={activeItem === 'topSlosher'}
|
||||
onClick={() => { history.push('/xleaderboard/sloshers')}}
|
||||
>
|
||||
<img style={wpnIcon} src={slosherIcon} alt="Slosher Icon"/>
|
||||
Sloshers
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='dualies'
|
||||
active={activeItem === 'topDualies'}
|
||||
onClick={() => { history.push('/xleaderboard/dualies')}}
|
||||
>
|
||||
<img style={wpnIcon} src={dualieIcon} alt="Dualie Icon"/>
|
||||
Dualies
|
||||
</Menu.Item>
|
||||
<Menu.Item
|
||||
name='dualies'
|
||||
active={activeItem === 'topDualies'}
|
||||
onClick={() => { history.push('/xleaderboard/dualies')}}
|
||||
>
|
||||
<img style={wpnIcon} src={dualieIcon} alt="Dualie Icon"/>
|
||||
Dualies
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='brella'
|
||||
active={activeItem === 'topBrella'}
|
||||
onClick={() => { history.push('/xleaderboard/brellas')}}
|
||||
>
|
||||
<img style={wpnIcon} src={brellaIcon} alt="Brella Icon"/>
|
||||
Brellas
|
||||
</Menu.Item>
|
||||
</Menu>
|
||||
<Menu.Item
|
||||
name='brella'
|
||||
active={activeItem === 'topBrella'}
|
||||
onClick={() => { history.push('/xleaderboard/brellas')}}
|
||||
>
|
||||
<img style={wpnIcon} src={brellaIcon} alt="Brella Icon"/>
|
||||
Brellas
|
||||
</Menu.Item>
|
||||
</Menu>
|
||||
</Responsive>
|
||||
<Responsive maxWidth={799}>
|
||||
<Menu compact icon='labeled'>
|
||||
<Menu.Item
|
||||
name='all'
|
||||
active={activeItem === 'topTotal'}
|
||||
onClick={() => { history.push('/xleaderboard')}}
|
||||
>
|
||||
<img style={wpnIcon} src={allIcon} alt="All Icon"/>
|
||||
All
|
||||
</Menu.Item>
|
||||
</Menu>
|
||||
<Menu compact icon='labeled'>
|
||||
<Menu.Item
|
||||
name='shooters'
|
||||
active={activeItem === 'topShooter'}
|
||||
onClick={() => { history.push('/xleaderboard/shooters')}}
|
||||
>
|
||||
<img style={wpnIcon} src={shooterIcon} alt="Shooter Icon"/>
|
||||
Shooters
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='blasters'
|
||||
active={activeItem === 'topBlaster'}
|
||||
onClick={() => { history.push('/xleaderboard/blasters')}}
|
||||
>
|
||||
<img style={wpnIcon} src={blasterIcon} alt="Blaster Icon"/>
|
||||
Blasters
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='rollers'
|
||||
active={activeItem === 'topRoller'}
|
||||
onClick={() => { history.push('/xleaderboard/rollers')}}
|
||||
>
|
||||
<img style={wpnIcon} src={rollerIcon} alt="Roller Icon"/>
|
||||
Rollers
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='chargers'
|
||||
active={activeItem === 'topCharger'}
|
||||
onClick={() => { history.push('/xleaderboard/chargers')}}
|
||||
>
|
||||
<img style={wpnIcon} src={chargerIcon} alt="Charger Icon"/>
|
||||
Chargers
|
||||
</Menu.Item>
|
||||
|
||||
</Menu>
|
||||
<Menu compact icon='labeled'>
|
||||
|
||||
<Menu.Item
|
||||
name='splatlings'
|
||||
active={activeItem === 'topSplatling'}
|
||||
onClick={() => { history.push('/xleaderboard/splatlings')}}
|
||||
>
|
||||
<img style={wpnIcon} src={splatlingIcon} alt="Splatling Icon"/>
|
||||
Splatlings
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='sloshers'
|
||||
active={activeItem === 'topSlosher'}
|
||||
onClick={() => { history.push('/xleaderboard/sloshers')}}
|
||||
>
|
||||
<img style={wpnIcon} src={slosherIcon} alt="Slosher Icon"/>
|
||||
Sloshers
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='dualies'
|
||||
active={activeItem === 'topDualies'}
|
||||
onClick={() => { history.push('/xleaderboard/dualies')}}
|
||||
>
|
||||
<img style={wpnIcon} src={dualieIcon} alt="Dualie Icon"/>
|
||||
Dualies
|
||||
</Menu.Item>
|
||||
|
||||
<Menu.Item
|
||||
name='brella'
|
||||
active={activeItem === 'topBrella'}
|
||||
onClick={() => { history.push('/xleaderboard/brellas')}}
|
||||
>
|
||||
<img style={wpnIcon} src={brellaIcon} alt="Brella Icon"/>
|
||||
Brellas
|
||||
</Menu.Item>
|
||||
</Menu>
|
||||
</Responsive>
|
||||
</div>
|
||||
</div>
|
||||
<Route exact path="/xleaderboard" render={() =>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user