+ This user has no X Rank profile set up. If you are the owner of this user
+ page here is how you can set it up:
+
+)
+
+const PlayerXRankStats = ({ twitter, tabMode = false }) => {
+ let searchVariables = {}
+ const { uid } = useParams()
+ if (uid) searchVariables = { uid }
+ if (twitter) searchVariables = { twitter }
+ const { data, error, loading } = useQuery(playerInfo, {
+ variables: searchVariables
+ })
+ const [top, setTop] = useState([])
+
+ useEffect(() => {
+ if (loading) {
+ return
+ }
+ if (data && data.playerInfo) {
+ document.title = `${data.playerInfo.player.name} - X Rank - sendou.ink`
+ const placements = data.playerInfo.placements
+
+ //reducing placements to top sz, tc etc. rank and x power
+ const tops = ["", "szTop", "tcTop", "rmTop", "cbTop"]
+ const exs = ["", "szX", "tcX", "rmX", "cbX"]
+ setTop(
+ placements.reduce(
+ (acc, cur) => {
+ const topKey = tops[cur.mode]
+ const xKey = exs[cur.mode]
+ if (!acc[xKey]) {
+ acc[xKey] = cur
+ acc[topKey] = cur
+ return acc
+ }
+ if (acc[xKey].x_power < cur.x_power) {
+ acc[xKey] = cur
+ }
+ if (acc[topKey].rank > cur.rank) {
+ acc[topKey] = cur
+ }
+
+ return acc
+ },
+ {
+ szX: null,
+ szTop: null,
+ tcX: null,
+ tcTop: null,
+ rmX: null,
+ rmTop: null,
+ cbX: null,
+ cbTop: null
+ }
+ )
+ )
+ }
+ }, [data, loading])
+
+ if (!uid && !twitter) return addXRankHelp
+ if (loading) return
+
+ -
+
+ + ) : null} +
+
+
+ All Top 500 placements
+
+
+ Weapons reached Top 500 with
+
+
+
+ )
+ }
+
+ return null
+ }
+
+ if (error) {
+ return {`${months[monthNumber]} (${yearNumber})`}
+ {payload.map(p => { + return ( ++ {p.payload[p.dataKey]} - {p.dataKey} +
+ ) + })} + {patchDescription &&{patchDescription}
} +{error.message}
+ }
+
+ return (
+ <>
+
+
+
+
+
+ {plotData.keys.length >= 2 && (
+
+ {plotData.keys.length > 0 && (
+
+
+
+ {" "}
+ {
+ return { text: k.weapon, value: k.weapon }
+ })
+ .filter(k => k.text !== combineFormRight)}
+ onChange={(event, { value }) => {
+ setCombineFormLeft(value)
+ }}
+ value={combineFormLeft}
+ />{" "}
+ with{" "}
+ {
+ return { text: k.weapon, value: k.weapon }
+ })
+ .filter(k => k.text !== combineFormLeft)}
+ onChange={(event, { value }) => {
+ setCombineFormRight(value)
+ }}
+ value={combineFormRight}
+ />
+
+
+ )}
+
+
+
+
+
+
+
+
+ )}
+ -
+ {plotData.keys.map(keyObj => {
+ const w = keyObj.weapon
+ const color = keyObj.color
+ return (
+