\r\n {/* This looks weird but it's necessary for styling reasons */}\r\n window.location.assign('https://github.com/Sendouc/sendou-ink')} />{\" \"}\r\n window.location.assign('https://discord.gg/J6NqUvt')} />{\" \"}\r\n window.location.assign('https://twitter.com/sendouc')} />{\" \"}\r\n history.push(\"/about\")} />\r\n
\r\n )\r\n})\r\n\r\nexport default Footer","import { gql } from 'apollo-boost'\r\n\r\nexport const userLean = gql`\r\n{\r\n user {\r\n username\r\n avatar\r\n discord_id\r\n }\r\n}\r\n`","import React from \"react\"\r\nimport { Menu, Button, Image, Dropdown } from \"semantic-ui-react\"\r\nimport { useQuery } from \"@apollo/react-hooks\"\r\nimport { userLean } from \"../../graphql/queries/userLean\"\r\nimport { withRouter } from \"react-router-dom\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport memcake from \"../../img/misc/sink_logo.png\"\r\n\r\nconst MainMenu = withRouter(({ history, menuSelection, setMenuSelection }) => {\r\n const { data, error, loading } = useQuery(userLean)\r\n const localization = useSelector(state => state.localization)\r\n const dispatch = useDispatch()\r\n\r\n const logIn = () => {\r\n if (loading) {\r\n return null\r\n }\r\n\r\n if (!data.user || error) {\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n const language = localization.getLanguage()\r\n\r\n const handleLanguageChange = (e, { value }) => {\r\n dispatch({ type: \"SET_LANGUAGE\", languageCode: value })\r\n window.location.reload()\r\n }\r\n\r\n return (\r\n \r\n )\r\n})\r\n\r\nexport default MainMenu\r\n","export function getNumberWithOrdinal(n) {\r\n var s=[\"th\",\"st\",\"nd\",\"rd\"],\r\n v=n%100;\r\n return n+(s[(v-20)%10]||s[v]||s[0]);\r\n}\r\n\r\nexport function choose(choices) {\r\n var index = Math.floor(Math.random() * choices.length);\r\n return choices[index];\r\n}\r\n\r\nexport const modes = [\"\", \"Splat Zones\", \"Tower Control\", \"Rainmaker\", \"Clam Blitz\"]\r\n\r\nexport const months = [\"\", \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"]\r\n\r\nexport const weapons = [\"Sploosh-o-matic\", \"Neo Sploosh-o-matic\", \"Sploosh-o-matic 7\",\r\n\"Splattershot Jr.\", \"Custom Splattershot Jr.\", \"Kensa Splattershot Jr.\",\r\n\"Splash-o-matic\", \"Neo Splash-o-matic\", \"Aerospray MG\", \"Aerospray RG\",\r\n\"Aerospray PG\", \"Splattershot\", \"Tentatek Splattershot\", \"Kensa Splattershot\",\r\n\".52 Gal\", \".52 Gal Deco\", \"Kensa .52 Gal\", \"N-ZAP '85\", \"N-ZAP '89\",\r\n\"N-ZAP '83\", \"Splattershot Pro\", \"Forge Splattershot Pro\", \"Kensa Splattershot Pro\",\r\n\".96 Gal\", \".96 Gal Deco\", \"Jet Squelcher\", \"Custom Jet Squelcher\",\r\n\"L-3 Nozzlenose\", \"L-3 Nozzlenose D\", \"Kensa L-3 Nozzlenose\",\r\n\"H-3 Nozzlenose\", \"H-3 Nozzlenose D\", \"Cherry H-3 Nozzlenose\", \"Squeezer\",\r\n\"Foil Squeezer\",\r\n\"Luna Blaster\", \"Luna Blaster Neo\", \"Kensa Luna Blaster\",\r\n\"Blaster\", \"Custom Blaster\", \"Range Blaster\", \"Custom Range Blaster\",\r\n\"Grim Range Blaster\", \"Rapid Blaster\", \"Rapid Blaster Deco\", \"Kensa Rapid Blaster\",\r\n\"Rapid Blaster Pro\", \"Rapid Blaster Pro Deco\", \"Clash Blaster\", \"Clash Blaster Neo\",\r\n\"Carbon Roller\", \"Carbon Roller Deco\", \"Splat Roller\", \"Krak-On Splat Roller\",\r\n\"Kensa Splat Roller\", \"Dynamo Roller\", \"Gold Dynamo Roller\", \"Kensa Dynamo Roller\",\r\n\"Flingza Roller\", \"Foil Flingza Roller\", \"Inkbrush\", \"Inkbrush Nouveau\",\r\n\"Permanent Inkbrush\", \"Octobrush\", \"Octobrush Nouveau\", \"Kensa Octobrush\", \r\n\"Classic Squiffer\", \"New Squiffer\", \"Fresh Squiffer\", \"Splat Charger\",\r\n\"Firefin Splat Charger\", \"Kensa Charger\", \"Splatterscope\", \"Firefin Splatterscope\",\r\n\"Kensa Splatterscope\", \"E-liter 4K\", \"Custom E-liter 4K\", \"E-liter 4K Scope\",\r\n\"Custom E-liter 4K Scope\", \"Bamboozler 14 Mk I\", \"Bamboozler 14 Mk II\",\r\n\"Bamboozler 14 Mk III\", \"Goo Tuber\", \"Custom Goo Tuber\", \"Slosher\", \"Slosher Deco\", \"Soda Slosher\", \"Tri-Slosher\",\r\n\"Tri-Slosher Nouveau\", \"Sloshing Machine\", \"Sloshing Machine Neo\",\r\n\"Kensa Sloshing Machine\", \"Bloblobber\", \"Bloblobber Deco\", \"Explosher\",\r\n\"Custom Explosher\", \"Mini Splatling\", \"Zink Mini Splatling\", \"Kensa Mini Splatling\",\r\n\"Heavy Splatling\", \"Heavy Splatling Deco\", \"Heavy Splatling Remix\",\r\n\"Hydra Splatling\", \"Custom Hydra Splatling\", \"Ballpoint Splatling\",\r\n\"Ballpoint Splatling Nouveau\", \"Nautilus 47\", \"Nautilus 79\", \r\n\"Dapple Dualies\", \"Dapple Dualies Nouveau\", \"Clear Dapple Dualies\",\r\n\"Splat Dualies\", \"Enperry Splat Dualies\", \"Kensa Splat Dualies\", \"Glooga Dualies\",\r\n\"Glooga Dualies Deco\", \"Kensa Glooga Dualies\", \"Dualie Squelchers\",\r\n\"Custom Dualie Squelchers\", \"Dark Tetra Dualies\", \"Light Tetra Dualies\", \r\n\"Splat Brella\", \"Sorella Brella\", \"Tenta Brella\", \"Tenta Sorella Brella\",\r\n\"Tenta Camo Brella\", \"Undercover Brella\", \"Undercover Sorella Brella\", \"Kensa Undercover Brella\"]\r\n\r\nexport const memCakes = ['moon.png', 'S2_Gear_Headgear_Fresh_Fish_Head.png', 'S2_Gear_Headgear_Anglerfish_Mask.png', 'nstc.png', 'chimera.png', 'olive.png', 'pulla.png', 'qr.png', 'OctCollectIcon_00.png', 'OctCollectIcon_01.png', 'OctCollectIcon_02.png', 'OctCollectIcon_03.png', 'OctCollectIcon_04.png', 'OctCollectIcon_05.png', 'OctCollectIcon_06.png', 'OctCollectIcon_07.png', 'OctCollectIcon_08.png', 'OctCollectIcon_09.png', 'OctCollectIcon_10.png', 'OctCollectIcon_11.png', 'OctCollectIcon_12.png', 'OctCollectIcon_13.png', 'OctCollectIcon_14.png', 'OctCollectIcon_15.png', 'OctCollectIcon_16.png', 'OctCollectIcon_17.png', 'OctCollectIcon_18.png', 'OctCollectIcon_19.png', 'OctCollectIcon_20.png', 'OctCollectIcon_21.png', 'OctCollectIcon_22.png', 'OctCollectIcon_23.png', 'OctCollectIcon_24.png', 'OctCollectIcon_25.png', 'OctCollectIcon_26.png', 'OctCollectIcon_27.png', 'OctCollectIcon_28.png', 'OctCollectIcon_29.png', 'OctCollectIcon_30.png', 'OctCollectIcon_31.png', 'OctCollectIcon_32.png', 'OctCollectIcon_33.png', 'OctCollectIcon_34.png', 'OctCollectIcon_35.png', 'OctCollectIcon_36.png', 'OctCollectIcon_37.png', 'OctCollectIcon_38.png', 'OctCollectIcon_39.png', 'OctCollectIcon_40.png', 'OctCollectIcon_41.png', 'OctCollectIcon_42.png', 'OctCollectIcon_43.png', 'OctCollectIcon_44.png', 'OctCollectIcon_45.png', 'OctCollectIcon_46.png', 'OctCollectIcon_47.png', 'OctCollectIcon_48.png', 'OctCollectIcon_49.png', 'OctCollectIcon_50.png', 'OctCollectIcon_51.png', 'OctCollectIcon_52.png', 'OctCollectIcon_53.png', 'OctCollectIcon_54.png', 'OctCollectIcon_55.png', 'OctCollectIcon_56.png', 'OctCollectIcon_57.png', 'OctCollectIcon_59.png', 'OctCollectIcon_60.png', 'OctCollectIcon_61.png', 'OctCollectIcon_62.png', 'OctCollectIcon_63.png', 'OctCollectIcon_64.png', 'OctCollectIcon_65.png', 'OctCollectIcon_66.png', 'OctCollectIcon_67.png', 'OctCollectIcon_68.png', 'OctCollectIcon_69.png', 'OctCollectIcon_70.png', 'OctCollectIcon_71.png', 'OctCollectIcon_72.png', 'OctCollectIcon_73.png', 'OctCollectIcon_74.png', 'OctCollectIcon_75.png', 'OctCollectIcon_76.png', 'OctCollectIcon_77.png', 'OctCollectIcon_78.png', 'OctCollectIcon_79.png', 'lanista.png', 'heart.png']\r\n\r\nexport const shooters = [\"Sploosh-o-matic\", \"Neo Sploosh-o-matic\", \"Sploosh-o-matic 7\",\r\n\"Splattershot Jr.\", \"Custom Splattershot Jr.\", \"Kensa Splattershot Jr.\",\r\n\"Splash-o-matic\", \"Neo Splash-o-matic\", \"Aerospray MG\", \"Aerospray RG\",\r\n\"Aerospray PG\", \"Splattershot\", \"Tentatek Splattershot\", \"Kensa Splattershot\",\r\n\".52 Gal\", \".52 Gal Deco\", \"Kensa .52 Gal\", \"N-ZAP '85\", \"N-ZAP '89\",\r\n\"N-ZAP '83\", \"Splattershot Pro\", \"Forge Splattershot Pro\", \"Kensa Splattershot Pro\",\r\n\".96 Gal\", \".96 Gal Deco\", \"Jet Squelcher\", \"Custom Jet Squelcher\"]\r\n\r\nexport const semiauto = [\"L-3 Nozzlenose\", \"L-3 Nozzlenose D\", \"Kensa L-3 Nozzlenose\",\r\n\"H-3 Nozzlenose\", \"H-3 Nozzlenose D\", \"Cherry H-3 Nozzlenose\", \"Squeezer\",\r\n\"Foil Squeezer\"]\r\n\r\nexport const blasters = [\"Luna Blaster\", \"Luna Blaster Neo\", \"Kensa Luna Blaster\",\r\n\"Blaster\", \"Custom Blaster\", \"Range Blaster\", \"Custom Range Blaster\",\r\n\"Grim Range Blaster\", \"Rapid Blaster\", \"Rapid Blaster Deco\", \"Kensa Rapid Blaster\",\r\n\"Rapid Blaster Pro\", \"Rapid Blaster Pro Deco\", \"Clash Blaster\", \"Clash Blaster Neo\"]\r\n\r\nexport const rollers = [\"Carbon Roller\", \"Carbon Roller Deco\", \"Splat Roller\", \"Krak-On Splat Roller\",\r\n\"Kensa Splat Roller\", \"Dynamo Roller\", \"Gold Dynamo Roller\", \"Kensa Dynamo Roller\",\r\n\"Flingza Roller\", \"Foil Flingza Roller\"]\r\n\r\nexport const brushes = [\"Inkbrush\", \"Inkbrush Nouveau\",\r\n\"Permanent Inkbrush\", \"Octobrush\", \"Octobrush Nouveau\", \"Kensa Octobrush\"]\r\n\r\nexport const chargers = [\"Classic Squiffer\", \"New Squiffer\", \"Fresh Squiffer\", \"Splat Charger\",\r\n\"Firefin Splat Charger\", \"Kensa Charger\", \"Splatterscope\", \"Firefin Splatterscope\",\r\n\"Kensa Splatterscope\", \"E-liter 4K\", \"Custom E-liter 4K\", \"E-liter 4K Scope\",\r\n\"Custom E-liter 4K Scope\", \"Bamboozler 14 Mk I\", \"Bamboozler 14 Mk II\",\r\n\"Bamboozler 14 Mk III\", \"Goo Tuber\", \"Custom Goo Tuber\"]\r\n\r\nexport const sloshers = [\"Slosher\", \"Slosher Deco\", \"Soda Slosher\", \"Tri-Slosher\",\r\n\"Tri-Slosher Nouveau\", \"Sloshing Machine\", \"Sloshing Machine Neo\",\r\n\"Kensa Sloshing Machine\", \"Bloblobber\", \"Bloblobber Deco\", \"Explosher\",\r\n\"Custom Explosher\"]\r\n\r\nexport const splatlings = [\"Mini Splatling\", \"Zink Mini Splatling\", \"Kensa Mini Splatling\",\r\n\"Heavy Splatling\", \"Heavy Splatling Deco\", \"Heavy Splatling Remix\",\r\n\"Hydra Splatling\", \"Custom Hydra Splatling\", \"Ballpoint Splatling\",\r\n\"Ballpoint Splatling Nouveau\", \"Nautilus 47\", \"Nautilus 79\"]\r\n\r\nexport const dualies = [\"Dapple Dualies\", \"Dapple Dualies Nouveau\", \"Clear Dapple Dualies\",\r\n\"Splat Dualies\", \"Enperry Splat Dualies\", \"Kensa Splat Dualies\", \"Glooga Dualies\",\r\n\"Glooga Dualies Deco\", \"Kensa Glooga Dualies\", \"Dualie Squelchers\",\r\n\"Custom Dualie Squelchers\", \"Dark Tetra Dualies\", \"Light Tetra Dualies\"]\r\n\r\nexport const brellas = [\"Splat Brella\", \"Sorella Brella\", \"Tenta Brella\", \"Tenta Sorella Brella\",\r\n\"Tenta Camo Brella\", \"Undercover Brella\", \"Undercover Sorella Brella\", \"Kensa Undercover Brella\"]\r\n\r\nexport const weaponsByCategory = {\"Shooters\": shooters, \"Semi-automatic Shooters\": semiauto,\r\n\"Blasters\": blasters, \"Rollers\": rollers, \"Brushes\": brushes, \"Chargers\": chargers, \"Sloshers\": sloshers,\r\n\"Splatlings\": splatlings, \"Dualies\": dualies, \"Brellas\": brellas}\r\n\r\nexport const categoryKeys = [\"Shooters\", \"Semi-automatic Shooters\", \"Blasters\", \"Rollers\", \"Brushes\", \"Chargers\", \"Sloshers\", \"Splatlings\", \"Dualies\", \"Brellas\"]\r\n\r\nexport const clothingGear = [\"Clt_AMB000\", \"Clt_AMB001\", \"Clt_AMB002\", \"Clt_AMB003\", \"Clt_AMB004\", \"Clt_AMB005\", \"Clt_AMB006\", \"Clt_AMB007\", \"Clt_AMB008\", \"Clt_AMB009\", \"Clt_AMB010\", \"Clt_COP100\", \"Clt_COP101\", \"Clt_COP102\", \"Clt_COP103\", \"Clt_COP104\", \"Clt_COP105\", \"Clt_COP106\", \"Clt_COP107\", \"Clt_COP108\", \"Clt_COP109\", \"Clt_COP110\", \"Clt_CRC000\", \"Clt_FST001\", \"Clt_FST002\", \"Clt_HAP001\", \"Clt_JKT000\", \"Clt_JKT001\", \"Clt_JKT002\", \"Clt_JKT003\", \"Clt_JKT004\", \"Clt_JKT005\", \"Clt_JKT006\", \"Clt_JKT007\", \"Clt_JKT008\", \"Clt_JKT009\", \"Clt_JKT010\", \"Clt_JKT011\", \"Clt_JKT012\", \"Clt_JKT013\", \"Clt_JKT014\", \"Clt_JKT015\", \"Clt_JKT016\", \"Clt_JKT017\", \"Clt_JKT018\", \"Clt_JKT019\", \"Clt_JKT020\", \"Clt_JKT021\", \"Clt_JKT022\", \"Clt_JKT023\", \"Clt_JKT024\", \"Clt_JKT025\", \"Clt_JKT026\", \"Clt_JKT027\", \"Clt_JKT028\", \"Clt_JKT029\", \"Clt_JKT030\", \"Clt_JKT031\", \"Clt_JKT032\", \"Clt_JKT033\", \"Clt_JKT034\", \"Clt_JKT035\", \"Clt_JKT036\", \"Clt_JKT037\", \"Clt_JKT038\", \"Clt_JKT039\", \"Clt_JKT040\", \"Clt_JKT041\", \"Clt_JKT042\", \"Clt_JKT043\", \"Clt_JKT044\", \"Clt_MSN000\", \"Clt_MSN004\", \"Clt_MSN101\", \"Clt_MSN104\", \"Clt_MSN105\", \"Clt_MSN106\", \"Clt_PLO000\", \"Clt_PLO001\", \"Clt_PLO002\", \"Clt_PLO003\", \"Clt_PLO004\", \"Clt_PLO005\", \"Clt_PLO006\", \"Clt_PLO007\", \"Clt_PLO008\", \"Clt_PRK000\", \"Clt_PRK001\", \"Clt_PRK002\", \"Clt_PRK004\", \"Clt_PRK005\", \"Clt_PRK006\", \"Clt_PRK007\", \"Clt_PRK008\", \"Clt_PRK009\", \"Clt_PRK010\", \"Clt_PRK011\", \"Clt_RVL000\", \"Clt_RVL001\", \"Clt_SHT000\", \"Clt_SHT001\", \"Clt_SHT002\", \"Clt_SHT003\", \"Clt_SHT004\", \"Clt_SHT005\", \"Clt_SHT006\", \"Clt_SHT007\", \"Clt_SHT008\", \"Clt_SHT009\", \"Clt_SHT010\", \"Clt_SHT011\", \"Clt_SHT012\", \"Clt_SHT013\", \"Clt_SHT014\", \"Clt_SHT015\", \"Clt_SHT017\", \"Clt_SHT018\", \"Clt_SHT019\", \"Clt_SHT020\", \"Clt_SHT021\", \"Clt_SHT022\", \"Clt_SHT023\", \"Clt_SHT024\", \"Clt_SHT025\", \"Clt_SHT026\", \"Clt_SHT027\", \"Clt_SHT028\", \"Clt_SHT029\", \"Clt_SWT000\", \"Clt_SWT001\", \"Clt_SWT002\", \"Clt_SWT003\", \"Clt_SWT004\", \"Clt_SWT005\", \"Clt_SWT006\", \"Clt_SWT007\", \"Clt_SWT008\", \"Clt_SWT009\", \"Clt_SWT010\", \"Clt_SWT011\", \"Clt_SWT012\", \"Clt_SWT013\", \"Clt_SWT014\", \"Clt_SWT015\", \"Clt_TEL000\", \"Clt_TEL001\", \"Clt_TEL002\", \"Clt_TEL003\", \"Clt_TEL004\", \"Clt_TEL005\", \"Clt_TEL006\", \"Clt_TEL007\", \"Clt_TEL008\", \"Clt_TEL009\", \"Clt_TEL010\", \"Clt_TEL011\", \"Clt_TEL012\", \"Clt_TEL013\", \"Clt_TEL014\", \"Clt_TEL015\", \"Clt_TEL016\", \"Clt_TEL017\", \"Clt_TEL018\", \"Clt_TEL019\", \"Clt_TEL020\", \"Clt_TEL021\", \"Clt_TEL022\", \"Clt_TEL023\", \"Clt_TEL024\", \"Clt_TES000\", \"Clt_TES001\", \"Clt_TES002\", \"Clt_TES003\", \"Clt_TES004\", \"Clt_TES005\", \"Clt_TES006\", \"Clt_TES007\", \"Clt_TES008\", \"Clt_TES009\", \"Clt_TES010\", \"Clt_TES011\", \"Clt_TES012\", \"Clt_TES013\", \"Clt_TES014\", \"Clt_TES015\", \"Clt_TES016\", \"Clt_TES017\", \"Clt_TES018\", \"Clt_TES019\", \"Clt_TES020\", \"Clt_TES021\", \"Clt_TES022\", \"Clt_TES023\", \"Clt_TES026\", \"Clt_TES027\", \"Clt_TES028\", \"Clt_TES029\", \"Clt_TES030\", \"Clt_TES031\", \"Clt_TES032\", \"Clt_TES033\", \"Clt_TES034\", \"Clt_TES035\", \"Clt_TES036\", \"Clt_TES037\", \"Clt_TES038\", \"Clt_TES039\", \"Clt_TES040\", \"Clt_TES041\", \"Clt_TES042\", \"Clt_TES043\", \"Clt_TES044\", \"Clt_TES045\", \"Clt_TES046\", \"Clt_TES047\", \"Clt_TES048\", \"Clt_TES049\", \"Clt_TES050\", \"Clt_TES051\", \"Clt_TES052\", \"Clt_TES053\", \"Clt_TES054\", \"Clt_TES055\", \"Clt_TES056\", \"Clt_TES057\", \"Clt_TES058\", \"Clt_TES059\", \"Clt_TES060\", \"Clt_TES061\", \"Clt_TLY000\", \"Clt_TLY001\", \"Clt_TLY002\", \"Clt_TLY003\", \"Clt_TLY004\", \"Clt_TLY005\", \"Clt_TLY006\", \"Clt_TLY007\", \"Clt_TLY008\", \"Clt_TLY009\", \"Clt_TLY010\", \"Clt_TLY011\", \"Clt_TLY012\", \"Clt_TLY013\", \"Clt_TNK000\", \"Clt_TNK001\", \"Clt_TNK003\", \"Clt_TNK004\", \"Clt_TNK005\", \"Clt_TNK006\", \"Clt_VST000\", \"Clt_VST001\", \"Clt_VST002\", \"Clt_VST003\", \"Clt_VST004\", \"Clt_VST005\", \"Clt_VST007\", \"Clt_VST008\", \"Clt_VST009\"]\r\n\r\nexport const headGear = [\"Hed_ACC001\", \"Hed_AMB000\", \"Hed_AMB001\", \"Hed_AMB002\", \"Hed_AMB003\", \"Hed_AMB004\", \"Hed_AMB005\", \"Hed_AMB006\", \"Hed_AMB007\", \"Hed_AMB008\", \"Hed_AMB009\", \"Hed_AMB010\", \"Hed_CAP000\", \"Hed_CAP001\", \"Hed_CAP002\", \"Hed_CAP003\", \"Hed_CAP004\", \"Hed_CAP005\", \"Hed_CAP006\", \"Hed_CAP007\", \"Hed_CAP008\", \"Hed_CAP009\", \"Hed_CAP010\", \"Hed_CAP011\", \"Hed_CAP012\", \"Hed_CAP014\", \"Hed_CAP015\", \"Hed_CAP018\", \"Hed_CAP019\", \"Hed_CAP020\", \"Hed_CAP021\", \"Hed_CAP023\", \"Hed_CAP024\", \"Hed_CAP025\", \"Hed_CAP026\", \"Hed_CAP027\", \"Hed_COP100\", \"Hed_COP101\", \"Hed_COP102\", \"Hed_COP103\", \"Hed_COP104\", \"Hed_COP105\", \"Hed_COP106\", \"Hed_COP107\", \"Hed_COP108\", \"Hed_COP109\", \"Hed_CRC000\", \"Hed_EYE000\", \"Hed_EYE001\", \"Hed_EYE002\", \"Hed_EYE003\", \"Hed_EYE004\", \"Hed_EYE005\", \"Hed_EYE006\", \"Hed_EYE007\", \"Hed_EYE008\", \"Hed_EYE009\", \"Hed_EYE010\", \"Hed_EYE011\", \"Hed_EYE012\", \"Hed_EYE013\", \"Hed_EYE014\", \"Hed_EYE015\", \"Hed_EYE016\", \"Hed_EYE017\", \"Hed_EYE018\", \"Hed_EYE019\", \"Hed_EYE020\", \"Hed_FST000\", \"Hed_HAP000\", \"Hed_HAP001\", \"Hed_HAP002\", \"Hed_HAP003\", \"Hed_HAP004\", \"Hed_HAP005\", \"Hed_HAP006\", \"Hed_HAP007\", \"Hed_HAP008\", \"Hed_HAP009\", \"Hed_HAP010\", \"Hed_HAP011\", \"Hed_HAP012\", \"Hed_HAP013\", \"Hed_HAP014\", \"Hed_HAP015\", \"Hed_HAT000\", \"Hed_HAT001\", \"Hed_HAT002\", \"Hed_HAT003\", \"Hed_HAT004\", \"Hed_HAT005\", \"Hed_HAT006\", \"Hed_HAT007\", \"Hed_HAT008\", \"Hed_HAT009\", \"Hed_HAT010\", \"Hed_HAT011\", \"Hed_HAT012\", \"Hed_HAT013\", \"Hed_HAT014\", \"Hed_HBD001\", \"Hed_HBD002\", \"Hed_HBD003\", \"Hed_HBD004\", \"Hed_HBD005\", \"Hed_HBD007\", \"Hed_HBD008\", \"Hed_HDP000\", \"Hed_HDP001\", \"Hed_HDP002\", \"Hed_HDP003\", \"Hed_HDP004\", \"Hed_HDP005\", \"Hed_HDP006\", \"Hed_MET000\", \"Hed_MET002\", \"Hed_MET004\", \"Hed_MET005\", \"Hed_MET006\", \"Hed_MET007\", \"Hed_MET008\", \"Hed_MET009\", \"Hed_MET010\", \"Hed_MET011\", \"Hed_MSK000\", \"Hed_MSK001\", \"Hed_MSK002\", \"Hed_MSK003\", \"Hed_MSK004\", \"Hed_MSK005\", \"Hed_MSK006\", \"Hed_MSK007\", \"Hed_MSK008\", \"Hed_MSK009\", \"Hed_MSK010\", \"Hed_MSK011\", \"Hed_MSK012\", \"Hed_MSK013\", \"Hed_MSN000\", \"Hed_MSN004\", \"Hed_MSN101\", \"Hed_MSN104\", \"Hed_MSN105\", \"Hed_MSN106\", \"Hed_MSN107\", \"Hed_MSN108\", \"Hed_NCP000\", \"Hed_NCP001\", \"Hed_NCP002\", \"Hed_NCP003\", \"Hed_NCP004\", \"Hed_NCP005\", \"Hed_NCP006\", \"Hed_NCP007\", \"Hed_NCP008\", \"Hed_NCP009\", \"Hed_NCP010\", \"Hed_NCP011\", \"Hed_RVL002\", \"Hed_RVL003\", \"Hed_VIS000\", \"Hed_VIS001\", \"Hed_VIS002\", \"Hed_VIS003\", \"Hed_VIS004\"]\r\n\r\nexport const shoesGear = [\"Shs_AMB000\", \"Shs_AMB001\", \"Shs_AMB002\", \"Shs_AMB003\", \"Shs_AMB004\", \"Shs_AMB005\", \"Shs_AMB006\", \"Shs_AMB007\", \"Shs_AMB008\", \"Shs_AMB009\", \"Shs_AMB010\", \"Shs_BOT000\", \"Shs_BOT001\", \"Shs_BOT002\", \"Shs_BOT003\", \"Shs_BOT004\", \"Shs_BOT005\", \"Shs_BOT006\", \"Shs_BOT007\", \"Shs_BOT008\", \"Shs_BOT009\", \"Shs_BOT010\", \"Shs_BOT011\", \"Shs_BOT012\", \"Shs_BOT013\", \"Shs_BOT014\", \"Shs_BOT015\", \"Shs_BOT016\", \"Shs_BOT017\", \"Shs_BOT018\", \"Shs_CFS000\", \"Shs_CFS001\", \"Shs_COP101\", \"Shs_COP102\", \"Shs_COP103\", \"Shs_COP104\", \"Shs_COP105\", \"Shs_COP106\", \"Shs_CRC000\", \"Shs_FST000\", \"Shs_HAP000\", \"Shs_HAP001\", \"Shs_HAP002\", \"Shs_HAP003\", \"Shs_HAP004\", \"Shs_HAP005\", \"Shs_HAP006\", \"Shs_HAP007\", \"Shs_LTS000\", \"Shs_LTS001\", \"Shs_LTS002\", \"Shs_LTS003\", \"Shs_LTS004\", \"Shs_LTS005\", \"Shs_LTS006\", \"Shs_LTS007\", \"Shs_LTS008\", \"Shs_LTS009\", \"Shs_LTS010\", \"Shs_LTS011\", \"Shs_LTS012\", \"Shs_MSN000\", \"Shs_MSN004\", \"Shs_MSN101\", \"Shs_MSN104\", \"Shs_MSN105\", \"Shs_MSN106\", \"Shs_SDL000\", \"Shs_SDL001\", \"Shs_SDL003\", \"Shs_SDL004\", \"Shs_SDL005\", \"Shs_SDL006\", \"Shs_SDL007\", \"Shs_SDL008\", \"Shs_SDL009\", \"Shs_SHI000\", \"Shs_SHI001\", \"Shs_SHI002\", \"Shs_SHI003\", \"Shs_SHI004\", \"Shs_SHI005\", \"Shs_SHI006\", \"Shs_SHI008\", \"Shs_SHI009\", \"Shs_SHI010\", \"Shs_SHI011\", \"Shs_SHI012\", \"Shs_SHI013\", \"Shs_SHI014\", \"Shs_SHI015\", \"Shs_SHI016\", \"Shs_SHI017\", \"Shs_SHI018\", \"Shs_SHI019\", \"Shs_SHI020\", \"Shs_SHI021\", \"Shs_SHI022\", \"Shs_SHI023\", \"Shs_SHI024\", \"Shs_SHI025\", \"Shs_SHI026\", \"Shs_SHI027\", \"Shs_SHI028\", \"Shs_SHI029\", \"Shs_SHI030\", \"Shs_SHI031\", \"Shs_SHI032\", \"Shs_SHI033\", \"Shs_SHI034\", \"Shs_SHI035\", \"Shs_SHI036\", \"Shs_SHI037\", \"Shs_SHI038\", \"Shs_SHI039\", \"Shs_SHI040\", \"Shs_SHI041\", \"Shs_SHT000\", \"Shs_SHT001\", \"Shs_SHT002\", \"Shs_SHT003\", \"Shs_SHT004\", \"Shs_SHT005\", \"Shs_SHT006\", \"Shs_SHT007\", \"Shs_SHT008\", \"Shs_SHT009\", \"Shs_SHT010\", \"Shs_SHT011\", \"Shs_SHT012\", \"Shs_SHT013\", \"Shs_SHT014\", \"Shs_SHT015\", \"Shs_SHT016\", \"Shs_SHT017\", \"Shs_SHT018\", \"Shs_SHT019\", \"Shs_SLO000\", \"Shs_SLO001\", \"Shs_SLO002\", \"Shs_SLO003\", \"Shs_SLO004\", \"Shs_SLO005\", \"Shs_SLO006\", \"Shs_SLO007\", \"Shs_SLO008\", \"Shs_SLO009\", \"Shs_SLO010\", \"Shs_SLO011\", \"Shs_SLO012\", \"Shs_SLO013\", \"Shs_SLO014\", \"Shs_SLO015\", \"Shs_SLO016\", \"Shs_SLO017\", \"Shs_SLO018\", \"Shs_SLO019\", \"Shs_SLO020\", \"Shs_SLP000\", \"Shs_SLP001\", \"Shs_SLP002\", \"Shs_SLP003\", \"Shs_TRS000\", \"Shs_TRS001\", \"Shs_TRS002\"]","import React, { useState } from \"react\"\r\nimport { Grid, Comment } from \"semantic-ui-react\"\r\nimport { clothingGear, shoesGear, headGear, choose } from \"../../utils/lists\"\r\nimport useWindowDimensions from \"../hooks/useWindowDimensions\"\r\n\r\nimport BDU from '../../img/abilityIcons/BDU.png'\r\nimport BRU from \"../../img/abilityIcons/BRU.png\"\r\nimport CB from \"../../img/abilityIcons/CB.png\"\r\nimport DR from \"../../img/abilityIcons/DR.png\"\r\nimport H from \"../../img/abilityIcons/H.png\"\r\nimport ISM from \"../../img/abilityIcons/ISM.png\"\r\nimport ISS from \"../../img/abilityIcons/ISS.png\"\r\nimport LDE from \"../../img/abilityIcons/LDE.png\"\r\nimport MPU from \"../../img/abilityIcons/MPU.png\"\r\nimport NS from \"../../img/abilityIcons/NS.png\"\r\nimport OG from \"../../img/abilityIcons/OG.png\"\r\nimport QR from \"../../img/abilityIcons/QR.png\"\r\nimport QSJ from \"../../img/abilityIcons/QSJ.png\"\r\nimport REC from \"../../img/abilityIcons/REC.png\"\r\nimport RES from \"../../img/abilityIcons/RES.png\"\r\nimport RP from \"../../img/abilityIcons/RP.png\"\r\nimport RSU from \"../../img/abilityIcons/RSU.png\"\r\nimport SCU from \"../../img/abilityIcons/SCU.png\"\r\nimport SJ from \"../../img/abilityIcons/SJ.png\"\r\nimport SPU from \"../../img/abilityIcons/SPU.png\"\r\nimport SS from \"../../img/abilityIcons/SS.png\"\r\nimport SSU from \"../../img/abilityIcons/SSU.png\"\r\nimport T from \"../../img/abilityIcons/T.png\"\r\nimport TI from \"../../img/abilityIcons/TI.png\"\r\nimport OS from \"../../img/abilityIcons/OS.png\"\r\nimport murchpfp from \"../../img/misc/murchpfp.png\"\r\nimport head from \"../../utils/head.json\"\r\nimport clothes from \"../../utils/clothes.json\"\r\nimport shoes from \"../../utils/shoes.json\"\r\n\r\nconst mainAbilityStyle = {\r\n //https://github.com/loadout-ink/splat2-calc\r\n zIndex: \"2\",\r\n borderRadius: \"50%\",\r\n width: \"40px\",\r\n height: \"40px\",\r\n background: \"#000\",\r\n border: \"2px solid #888\",\r\n borderRight: \"0px\",\r\n borderBottom: \"0px\",\r\n backgroundSize: \"100%\",\r\n boxShadow: \"0 0 0 1px #000\"\r\n}\r\nconst subAbilityStyle = {\r\n //https://github.com/loadout-ink/splat2-calc\r\n zIndex: \"2\",\r\n borderRadius: \"50%\",\r\n width: \"30px\",\r\n height: \"30px\",\r\n background: \"#000\",\r\n border: \"2px solid #888\",\r\n borderRight: \"0px\",\r\n borderBottom: \"0px\",\r\n backgroundSize: \"100%\",\r\n boxShadow: \"0 0 0 1px #000\"\r\n}\r\nconst gearStyle = { maxWidth: \"50px\", height: \"auto\" }\r\n\r\nconst subAbilities = [\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU,\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU\r\n]\r\nconst headAbilities = [\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU,\r\n OG,\r\n LDE,\r\n CB,\r\n T\r\n]\r\nconst clothingAbilities = [\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU,\r\n H,\r\n NS,\r\n TI,\r\n RP\r\n]\r\nconst shoeAbilities = [\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU,\r\n DR,\r\n SJ,\r\n OS\r\n]\r\n\r\nconst internalToAbility = {\r\n MainInk_Save: ISM,\r\n SubInk_Save: ISS,\r\n InkRecovery_Up: REC,\r\n HumanMove_Up: RSU,\r\n SquidMove_Up: SSU,\r\n JumpTime_Save: QSJ,\r\n RespawnTime_Save: QR,\r\n OpInkEffect_Reduction: RES,\r\n BombDamage_Reduction: BDU,\r\n MarkingTime_Reduction: MPU,\r\n RespawnSpecialGauge_Save: SS,\r\n SpecialIncrease_Up: SCU,\r\n SpecialTime_Up: SPU,\r\n BombDistance_Up: BRU\r\n}\r\n\r\nconst RollSim = () => {\r\n const [headLink] = useState(choose(headGear))\r\n const [clothingLink] = useState(choose(clothingGear))\r\n const [shoesLink] = useState(choose(shoesGear))\r\n const [headMain] = useState(choose(headAbilities))\r\n const [headSubs, setHeadSubs] = useState([\r\n choose(subAbilities),\r\n choose(subAbilities),\r\n choose(subAbilities)\r\n ])\r\n const [clothingMain] = useState(choose(clothingAbilities))\r\n const [clothingSubs, setClothingSubs] = useState([\r\n choose(subAbilities),\r\n choose(subAbilities),\r\n choose(subAbilities)\r\n ])\r\n const [shoesMain] = useState(choose(shoeAbilities))\r\n const [shoesSubs, setShoesSubs] = useState([\r\n choose(subAbilities),\r\n choose(subAbilities),\r\n choose(subAbilities)\r\n ])\r\n const [rolling, setRolling] = useState(false)\r\n const [rollCount, setRollCount] = useState(0)\r\n const { containerWidth } = useWindowDimensions()\r\n\r\n const setSubs = (json, gear) => {\r\n let gearName = gear.split(\"_\")[1]\r\n if (!json.hasOwnProperty(gearName))\r\n return [choose(subAbilities), choose(subAbilities), choose(subAbilities)]\r\n const prefArray = json[gearName]\r\n if (prefArray[0] === prefArray[1]) {\r\n //neutral brand\r\n return [choose(subAbilities), choose(subAbilities), choose(subAbilities)]\r\n }\r\n\r\n const adjustedAbilities = [...subAbilities]\r\n const preferredAbility = internalToAbility[prefArray[0]]\r\n const unpreferredAbility = internalToAbility[prefArray[1]]\r\n\r\n for (let index = 0; index < adjustedAbilities.length; index++) {\r\n const element = adjustedAbilities[index]\r\n if (element === unpreferredAbility) {\r\n adjustedAbilities.splice(index, 1)\r\n break\r\n }\r\n }\r\n\r\n for (let index = 0; index < 8; index++) {\r\n adjustedAbilities.push(preferredAbility)\r\n }\r\n\r\n const ability1 = choose(adjustedAbilities)\r\n const ability2 = choose(adjustedAbilities)\r\n const ability3 = choose(adjustedAbilities)\r\n\r\n return [ability1, ability2, ability3]\r\n }\r\n\r\n const sleep = milliseconds => {\r\n return new Promise(resolve => setTimeout(resolve, milliseconds))\r\n }\r\n\r\n const roll = async mode => {\r\n if (rolling) return\r\n\r\n let setSubsState = null\r\n let json = null\r\n let gear = null\r\n if (mode === \"HEAD\") {\r\n setSubsState = setHeadSubs\r\n json = head\r\n gear = headLink\r\n } else if (mode === \"CLOTHING\") {\r\n setSubsState = setClothingSubs\r\n json = clothes\r\n gear = clothingLink\r\n } else {\r\n setSubsState = setShoesSubs\r\n json = shoes\r\n gear = shoesLink\r\n }\r\n\r\n setRolling(true)\r\n let ability1 = null\r\n let ability2 = null\r\n let ability3 = null\r\n for (let index = 0; index < 19; index++) {\r\n ability1 = choose(subAbilities)\r\n ability2 = choose(subAbilities)\r\n ability3 = choose(subAbilities)\r\n setSubsState([ability1, ability2, ability3])\r\n await sleep(75)\r\n }\r\n setSubsState(setSubs(json, gear)) //only using this method in the last roll that matters for optimization purposes\r\n setRolling(false)\r\n setRollCount(rollCount + 1)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {rollCount > 0 && (\r\n \r\n \r\n \r\n Murch \r\n \r\n You have rolled {rollCount} {rollCount === 1 ? \"time\" : \"times\"}\r\n , chum.\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\n\r\nexport default RollSim\r\n","import React from 'react'\r\nimport { Header } from 'semantic-ui-react'\r\nimport RollSim from './RollSim'\r\n\r\nimport bridge from '../../img/s1Maps/bridge.png'\r\nimport depot from '../../img/s1Maps/depot.png'\r\nimport heights from '../../img/s1Maps/heights.png'\r\nimport mahi from '../../img/s1Maps/mahi.png'\r\nimport museum from '../../img/s1Maps/museum.png'\r\nimport rig from '../../img/s1Maps/rig.png'\r\nimport underpass from '../../img/s1Maps/underpass.png'\r\n\r\nconst NotFound = () => {\r\n const maps = [\r\n {\r\n name: 'Hammerhead Bridge',\r\n img: bridge\r\n },\r\n {\r\n name: 'Bluefin Depot',\r\n img: depot\r\n },\r\n {\r\n name: 'Flounder Heights',\r\n img: heights\r\n },\r\n {\r\n name: 'Mahi-Mahi Resort',\r\n img: mahi\r\n },\r\n {\r\n name: 'Museum d\\'Alfonsino',\r\n img: museum\r\n },\r\n {\r\n name: 'Saltspray Rig',\r\n img: rig\r\n },\r\n {\r\n name: 'Urchin Underpass',\r\n img: underpass\r\n }\r\n ]\r\n const mapObject = maps[Math.floor(Math.random()*maps.length)]\r\n return (\r\n <>\r\n \r\n 
\r\n roll(\"HEAD\")}\r\n alt=\"\"\r\n />\r\n roll(\"HEAD\")}\r\n alt=\"\"\r\n />\r\n roll(\"HEAD\")}\r\n alt=\"\"\r\n />\r\n
\r\n \r\n 
\r\n roll(\"CLOTHING\")}\r\n />\r\n roll(\"CLOTHING\")}\r\n />\r\n roll(\"CLOTHING\")}\r\n />\r\n
\r\n \r\n 
\r\n roll(\"SHOES\")}\r\n />\r\n roll(\"SHOES\")}\r\n />\r\n roll(\"SHOES\")}\r\n />\r\n
\r\n \r\n 
\r\n
\r\n \r\n 404 - Page not found \r\n
\r\n \r\n ...not unlike how {mapObject.name} can't be found in Splatoon 2\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default NotFound","import React from \"react\"\r\nimport { Popup } from \"semantic-ui-react\"\r\nimport { useSelector } from \"react-redux\"\r\nimport weaponDict from \"../../utils/english_internal.json\"\r\nimport { modes, months } from \"../../utils/lists\"\r\n\r\nconst FourWeapons = ({ weapons }) => {\r\n const localization = useSelector(state => state.localization)\r\n return (\r\n <>\r\n {weapons.map(w => {\r\n const mode = modes[w.mode]\r\n const month = months[w.month]\r\n return (\r\n \r\n
\r\n )\r\n }\r\n if (result.error) {\r\n return {result.error.message}
\r\n }\r\n document.title = `${weaponsField.substring(3)} Leaderboard - sendou.ink`\r\n const leaderboard = result.data[queryName]\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default WeaponLeaderboard\r\n","import { gql } from 'apollo-boost'\r\n\r\nexport const topTotalPlayers = gql`\r\n{\r\n topTotalPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topTotalScore\r\n topTotal {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topShooterPlayers = gql`\r\n{\r\n topShooterPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topShooterScore\r\n topShooter {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topBlasterPlayers = gql`\r\n{\r\n topBlasterPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topBlasterScore\r\n topBlaster {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topBrellaPlayers = gql`\r\n{\r\n topBrellaPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topBrellaScore\r\n topBrella {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topChargerPlayers = gql`\r\n{\r\n topChargerPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topChargerScore\r\n topCharger {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topDualiesPlayers = gql`\r\n{\r\n topDualiesPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topDualiesScore\r\n topDualies {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topRollerPlayers = gql`\r\n{\r\n topRollerPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topRollerScore\r\n topRoller {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topSlosherPlayers = gql`\r\n{\r\n topSlosherPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topSlosherScore\r\n topSlosher {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topSplatlingPlayers = gql`\r\n{\r\n topSplatlingPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topSplatlingScore\r\n topSplatling {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import React, { useState } from \"react\"\r\nimport { Menu, Responsive, Segment } from \"semantic-ui-react\"\r\nimport { Route, withRouter } from \"react-router-dom\"\r\nimport { useSelector } from \"react-redux\"\r\nimport WeaponLeaderboard from \"./WeaponLeaderboard\"\r\nimport { topTotalPlayers } from \"../../graphql/queries/topPlayers\"\r\nimport { topShooterPlayers } from \"../../graphql/queries/topShooters\"\r\nimport { topBlasterPlayers } from \"../../graphql/queries/topBlasters\"\r\nimport { topBrellaPlayers } from \"../../graphql/queries/topBrellas\"\r\nimport { topChargerPlayers } from \"../../graphql/queries/topChargers\"\r\nimport { topDualiesPlayers } from \"../../graphql/queries/topDualies\"\r\nimport { topRollerPlayers } from \"../../graphql/queries/topRollers\"\r\nimport { topSlosherPlayers } from \"../../graphql/queries/topSloshers\"\r\nimport { topSplatlingPlayers } from \"../../graphql/queries/topSplatlings\"\r\nimport allIcon from \"../../img/wpnIcons/all.png\"\r\nimport blasterIcon from \"../../img/wpnIcons/blasters.png\"\r\nimport brellaIcon from \"../../img/wpnIcons/brellas.png\"\r\nimport chargerIcon from \"../../img/wpnIcons/chargers.png\"\r\nimport dualieIcon from \"../../img/wpnIcons/dualies.png\"\r\nimport rollerIcon from \"../../img/wpnIcons/rollers.png\"\r\nimport shooterIcon from \"../../img/wpnIcons/shooters.png\"\r\nimport slosherIcon from \"../../img/wpnIcons/sloshers.png\"\r\nimport splatlingIcon from \"../../img/wpnIcons/splatlings.png\"\r\n\r\nconst PageXLeaderboard = withRouter(({ history, setMenuSelection }) => {\r\n const [activeItem, setActiveItem] = useState(\"\")\r\n const localization = useSelector(state => state.localization)\r\n const wpnIcon = {\r\n paddingBottom: \"5px\"\r\n }\r\n\r\n setMenuSelection(\"leaderboards\")\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {error.message}
\r\n if (loading && !data.searchForPlacements) return \r\n \r\n
\r\n {showForms && (\r\n \r\n
\r\n )}\r\n \r\n {localization[\"Name\"]}\r\n
\r\n setNameForm(e.target.value)}\r\n style={{ width: 200 }}\r\n maxLength={10}\r\n />\r\n
\r\n \r\n
\r\n {localization[\"ID\"]}\r\n
\r\n setIdForm(e.target.value)}\r\n style={{ width: 200 }}\r\n />\r\n
\r\n \r\n
\r\n {localization[\"Weapon\"]}\r\n
\r\n setWeaponForm(value)}\r\n content=\"MAINWEAPONS\"\r\n allowClear\r\n />\r\n
\r\n \r\n
\r\n {localization[\"Mode\"]}\r\n
\r\n setModeForm(e.target.value)}\r\n value={modeForm}\r\n >\r\n {localization[\"All Modes\"]} \r\n {localization[\"Splat Zones\"]} \r\n {localization[\"Tower Control\"]} \r\n {localization[\"Rainmaker\"]} \r\n {localization[\"Clam Blitz\"]} \r\n \r\n
\r\n \r\n
\r\n {`${localization[\"Month\"]} / ${localization[\"Year\"]}`}\r\n
\r\n setMonthForm(value)}\r\n />{\" \"}\r\n setYearForm(value)}\r\n />\r\n
\r\n \r\n
\r\n {\" \"}\r\n \r\n
\r\n \r\n setPage(page)\r\n }}\r\n rowKey=\"id\"\r\n scroll={{ x: true }}\r\n loading={loading}\r\n />\r\n
\r\n \r\n This user has no X Rank profile set up. If you are the owner of this user\r\n page here is how you can set it up:\r\n
\r\n )\r\n\r\n if (!uid && !twitter) return addXRankHelp\r\n\r\n if (loading) {\r\n return (\r\n \r\n
\r\n - \r\n
\r\n
\r\n )\r\n }\r\n if (error) {\r\n if (error.message === \"GraphQL error: player not found\") {\r\n return addXRankHelp\r\n }\r\n return {error.message}
\r\n }\r\n const playerData = data.playerInfo.player\r\n\r\n return (\r\n \r\n {setMenuSelection ? (\r\n \r\n {playerData.twitter ? (\r\n \r\n ) : null}\r\n {setMenuSelection && playerData.discord_id ? (\r\n <>\r\n User page\r\n
\r\n \r\n ) : null}\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default InfoPlayer\r\n","import { useEffect } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nfunction ScrollToTop({ history }) {\r\n useEffect(() => {\r\n const unlisten = history.listen(() => {\r\n window.scrollTo(0, 0)\r\n });\r\n return () => {\r\n unlisten()\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n return (null)\r\n}\r\n\r\nexport default withRouter(ScrollToTop)","import { gql } from 'apollo-boost'\r\n\r\nexport const maplists = gql`\r\n{\r\n maplists {\r\n name\r\n sz\r\n tc\r\n rm\r\n cb\r\n }\r\n}\r\n`","import React, { useEffect, useState, useRef } from \"react\"\r\nimport {\r\n Loader,\r\n Checkbox,\r\n Form,\r\n Header,\r\n List,\r\n Image,\r\n Divider,\r\n Icon,\r\n Grid,\r\n Input,\r\n Button,\r\n Label,\r\n Segment\r\n} from \"semantic-ui-react\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { useQuery } from \"@apollo/react-hooks\"\r\nimport { maplists } from \"../../graphql/queries/maplists\"\r\nimport szIcon from \"../../img/modeIcons/sz.png\"\r\nimport tcIcon from \"../../img/modeIcons/tc.png\"\r\nimport rmIcon from \"../../img/modeIcons/rm.png\"\r\nimport cbIcon from \"../../img/modeIcons/cb.png\"\r\n\r\nconst PageMapListGenerator = ({ setMenuSelection }) => {\r\n const { data, error, loading } = useQuery(maplists)\r\n const [maps, setMaps] = useState([])\r\n const [boxValue, setBoxValue] = useState(0)\r\n const [mapValues, setMapValues] = useState([])\r\n const [amountToGenerate, setAmountToGenerate] = useState(12)\r\n const [generatedMaps, setGeneratedMaps] = useState([])\r\n const [generationType, setGenerationType] = useState(\"rotate\")\r\n const [copySuccess, setCopySuccess] = useState(\"\")\r\n const localization = useSelector(state => state.localization)\r\n const textAreaRef = useRef(null)\r\n\r\n useEffect(() => {\r\n if (loading) {\r\n return\r\n }\r\n setMenuSelection(\"maplists\")\r\n document.title = \"Maplist Generator - sendou.ink\"\r\n setMaps(data.maplists)\r\n\r\n setMapValues(\r\n data.maplists.reduce((acc, cur) => {\r\n return acc.concat({\r\n sz: new Array(cur.sz.length).fill(true),\r\n tc: new Array(cur.tc.length).fill(true),\r\n rm: new Array(cur.rm.length).fill(true),\r\n cb: new Array(cur.cb.length).fill(true)\r\n })\r\n }, [])\r\n )\r\n }, [data, loading, setMenuSelection])\r\n\r\n if (loading || maps.length === 0) {\r\n return (\r\n \r\n \r\n ) : null}\r\n
\r\n \r\n
\r\n \r\n {localization[\"All Top 500 placements\"]} \r\n
\r\n \r\n {localization[\"Weapons reached Top 500 with\"]} \r\n
\r\n \r\n
\r\n )\r\n }\r\n if (error) {\r\n return {error.message}
\r\n }\r\n\r\n function copyToClipboard(e) {\r\n textAreaRef.current.select()\r\n document.execCommand(\"copy\")\r\n e.target.focus()\r\n setCopySuccess(\"Copied!\")\r\n }\r\n\r\n function shuffle(a) {\r\n for (let i = a.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1))\r\n ;[a[i], a[j]] = [a[j], a[i]]\r\n }\r\n return a\r\n }\r\n\r\n const generateRandomMapPool = () => {\r\n const szMaps = maps[boxValue].sz.filter((m, i) => mapValues[boxValue].sz[i])\r\n const tcMaps = maps[boxValue].tc.filter((m, i) => mapValues[boxValue].tc[i])\r\n const rmMaps = maps[boxValue].rm.filter((m, i) => mapValues[boxValue].rm[i])\r\n const cbMaps = maps[boxValue].cb.filter((m, i) => mapValues[boxValue].cb[i])\r\n if (szMaps.length + tcMaps.length + rmMaps.length + cbMaps.length === 0) {\r\n return\r\n }\r\n\r\n let mapsWithModes = [\r\n ...szMaps.map(m => `${localization[\"Splat Zones\"]} - ${localization[m]}`),\r\n ...tcMaps.map(\r\n m => `${localization[\"Tower Control\"]} - ${localization[m]}`\r\n ),\r\n ...rmMaps.map(m => `${localization[\"Rainmaker\"]} - ${localization[m]}`),\r\n ...cbMaps.map(m => `${localization[\"Clam Blitz\"]} - ${localization[m]}`)\r\n ]\r\n const toSetAsState = []\r\n let usedMaps = []\r\n shuffle(mapsWithModes)\r\n\r\n for (let i = amountToGenerate; i > 0; i--) {\r\n if (mapsWithModes.length === 0) {\r\n shuffle(usedMaps)\r\n mapsWithModes = [...usedMaps]\r\n usedMaps = []\r\n }\r\n const modeMap = mapsWithModes.pop()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedMaps.push(modeMap)\r\n }\r\n\r\n setGeneratedMaps(toSetAsState)\r\n }\r\n\r\n const generateEvenMapPool = (szEveryOther = false) => {\r\n const szMaps = maps[boxValue].sz.filter((m, i) => mapValues[boxValue].sz[i])\r\n const tcMaps = maps[boxValue].tc.filter((m, i) => mapValues[boxValue].tc[i])\r\n const rmMaps = maps[boxValue].rm.filter((m, i) => mapValues[boxValue].rm[i])\r\n const cbMaps = maps[boxValue].cb.filter((m, i) => mapValues[boxValue].cb[i])\r\n\r\n if (szMaps.length + tcMaps.length + rmMaps.length + cbMaps.length === 0) {\r\n return\r\n }\r\n\r\n let szMapMode = [\r\n ...szMaps.map(m => `${localization[\"Splat Zones\"]} - ${localization[m]}`)\r\n ]\r\n let usedSz = []\r\n let tcMapMode = [\r\n ...tcMaps.map(\r\n m => `${localization[\"Tower Control\"]} - ${localization[m]}`\r\n )\r\n ]\r\n let usedTc = []\r\n let rmMapMode = [\r\n ...rmMaps.map(m => `${localization[\"Rainmaker\"]} - ${localization[m]}`)\r\n ]\r\n let usedRm = []\r\n let cbMapMode = [\r\n ...cbMaps.map(m => `${localization[\"Clam Blitz\"]} - ${localization[m]}`)\r\n ]\r\n let usedCb = []\r\n const toSetAsState = []\r\n\r\n let modes = []\r\n if (szMapMode.length !== 0) {\r\n shuffle(szMapMode)\r\n }\r\n if (tcMapMode.length !== 0) {\r\n modes.push(\"TOWER CONTROL\")\r\n shuffle(tcMapMode)\r\n }\r\n if (cbMapMode.length !== 0) {\r\n modes.push(\"CLAM BLITZ\")\r\n shuffle(cbMapMode)\r\n }\r\n if (rmMapMode.length !== 0) {\r\n modes.push(\"RAINMAKER\")\r\n shuffle(rmMapMode)\r\n }\r\n\r\n let szRemainder = modes.length + 1\r\n if (szEveryOther) {\r\n szRemainder = 2\r\n shuffle(modes) //not shuffled if sz->tc->cb->rm for host convenience\r\n }\r\n\r\n for (let i = amountToGenerate; i > 0; i--) {\r\n // replenishing map mode lists when half are used\r\n if (usedSz.length >= szMapMode.length && usedSz.length !== 0) {\r\n shuffle(usedSz)\r\n szMapMode = szMapMode.concat(usedSz)\r\n usedSz = []\r\n } else if (usedTc.length >= tcMapMode.length && usedTc.length !== 0) {\r\n shuffle(usedTc)\r\n tcMapMode = tcMapMode.concat(usedTc)\r\n usedTc = []\r\n } else if (usedRm.length >= rmMapMode.length && usedRm.length !== 0) {\r\n shuffle(usedRm)\r\n rmMapMode = rmMapMode.concat(usedRm)\r\n usedRm = []\r\n } else if (usedCb.length >= cbMapMode.length && usedCb.length !== 0) {\r\n shuffle(usedCb)\r\n cbMapMode = cbMapMode.concat(usedCb)\r\n usedCb = []\r\n }\r\n\r\n if (i % szRemainder === 0 && szMapMode.length !== 0) {\r\n //latter check is for if user selected 0 sz maps\r\n const modeMap = szMapMode.shift()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedSz.push(modeMap)\r\n continue\r\n }\r\n\r\n if (modes[0] === \"TOWER CONTROL\" && tcMapMode.length !== 0) {\r\n const modeMap = tcMapMode.shift()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedTc.push(modeMap)\r\n modes.push(modes.splice(0, 1)[0]) // move the mode to last\r\n continue\r\n }\r\n\r\n if (modes[0] === \"RAINMAKER\" && rmMapMode.length !== 0) {\r\n const modeMap = rmMapMode.shift()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedRm.push(modeMap)\r\n modes.push(modes.splice(0, 1)[0])\r\n continue\r\n }\r\n\r\n if (modes[0] === \"CLAM BLITZ\" && cbMapMode.length !== 0) {\r\n const modeMap = cbMapMode.shift()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedCb.push(modeMap)\r\n modes.push(modes.splice(0, 1)[0])\r\n }\r\n }\r\n\r\n setGeneratedMaps(toSetAsState)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
- \r\n {maps[boxValue].sz.map((m, i) => {\r\n return (\r\n
\r\n
- \r\n {maps[boxValue].tc.map((m, i) => {\r\n return (\r\n
\r\n
- \r\n {maps[boxValue].rm.map((m, i) => {\r\n return (\r\n
\r\n
- \r\n {maps[boxValue].cb.map((m, i) => {\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n setAmountToGenerate(e.target.value)}\r\n error={amountToGenerate < 1 || amountToGenerate > 100}\r\n />\r\n {amountToGenerate < 1 || amountToGenerate > 100 ? (\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n TC->CB->RM\"]}\r\n name=\"rotateMode\"\r\n checked={generationType === \"rotate\"}\r\n onChange={() => setGenerationType(\"rotate\")}\r\n />\r\n
\r\n setGenerationType(\"everyOther\")}\r\n />\r\n
\r\n setGenerationType(\"random\")}\r\n />\r\n \r\n
\r\n \r\n
\r\n
\r\n 100}\r\n onClick={() => {\r\n generationType === \"random\"\r\n ? generateRandomMapPool()\r\n : generateEvenMapPool(generationType === \"everyOther\")\r\n }}\r\n >\r\n {localization[\"Go!\"]}\r\n \r\n
\r\n \r\n {generatedMaps.length !== 0 ? (\r\n
\r\n \r\n
\r\n {document.queryCommandSupported(\"copy\") && (\r\n
\r\n ) : null}\r\n \r\n {document.queryCommandSupported(\"copy\") && (\r\n
\r\n \r\n {copySuccess}\r\n
\r\n )}\r\n \r\n
\r\n )\r\n }\r\n if (error || monthly.error) {\r\n return (\r\n \r\n {error ? error.message : null}{\" \"}\r\n {monthly.error ? monthly.error.message : null}\r\n
\r\n )\r\n }\r\n\r\n const monthlyMaps = monthly.data.maplists[0]\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n )\r\n })}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default PageRotations\r\n","import { gql } from 'apollo-boost'\r\n\r\nexport const links = gql`\r\n{\r\n links {\r\n title\r\n url\r\n description\r\n type\r\n }\r\n}\r\n`","import React from \"react\"\r\nimport { Icon, Header, Loader, List, Segment } from \"semantic-ui-react\"\r\nimport { useQuery } from \"@apollo/react-hooks\"\r\nimport { links } from \"../../graphql/queries/links\"\r\n\r\nconst Links = ({ setMenuSelection }) => {\r\n const { data, error, loading } = useQuery(links)\r\n\r\n setMenuSelection(\"links\")\r\n document.title = \"Links - sendou.ink\"\r\n\r\n if (loading) {\r\n return (\r\n \r\n
\r\n \r\n {rotation.gachi.map((r, i) => {\r\n //league maps references like so: rotation.league[i] - turf: rotation.normal[i]\r\n if (r.end_time < currentTime) {\r\n return null\r\n }\r\n const timeUntil = r.start_time - currentTime\r\n const hours = Math.floor(timeUntil / 3600)\r\n const minutes = Math.floor((timeUntil % 3600) / 60)\r\n let header = localization[\"Current\"]\r\n if (r.start_time > currentTime) {\r\n header = localization.formatString(\r\n localization[\"Rotation header\"],\r\n {\r\n hours,\r\n minutes,\r\n date: new Date(r.start_time * 1000).toLocaleString(\"en-GB\")\r\n }\r\n )\r\n }\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {header}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n if (error) {\r\n return {error.message}
\r\n }\r\n const linksData = data.links\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Links\r\n","import { gql } from 'apollo-boost'\r\n\r\nexport const searchForUser = gql`\r\nquery searchForUser($discord_id: String) {\r\n searchForUser(discord_id: $discord_id) {\r\n username\r\n discriminator\r\n discord_id\r\n avatar\r\n twitch_name\r\n twitter_name\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const addBuild = gql`\r\nmutation addBuild ($weapon: String!, $title: String, $headgear: [Ability!]!, $clothing: [Ability!]!, $shoes: [Ability!]!) {\r\n addBuild(\r\n weapon: $weapon,\r\n title: $title,\r\n headgear: $headgear,\r\n clothing: $clothing,\r\n shoes: $shoes\r\n ) {\r\n id\r\n weapon\r\n title\r\n headgear\r\n clothing\r\n shoes\r\n updatedAt\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const searchForBuilds = gql`\r\nquery searchForBuilds($discord_id: String!) {\r\n searchForBuilds(discord_id: $discord_id) {\r\n id\r\n weapon\r\n title\r\n headgear\r\n clothing\r\n shoes\r\n updatedAt\r\n top\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const deleteBuild = gql`\r\nmutation deleteBuild ($id: ID!) {\r\n deleteBuild(id: $id)\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const updateBuild = gql`\r\nmutation updateBuild ($id: ID!, $weapon: String!, $title: String, $headgear: [Ability!]!, $clothing: [Ability!]!, $shoes: [Ability!]!) {\r\n updateBuild(\r\n id: $id,\r\n weapon: $weapon,\r\n title: $title,\r\n headgear: $headgear,\r\n clothing: $clothing,\r\n shoes: $shoes\r\n )\r\n}\r\n`","/* eslint-disable jsx-a11y/alt-text */\r\nimport React, { useState } from 'react'\r\nimport { Header, Segment, List, Grid, Button, Popup } from 'semantic-ui-react'\r\nimport weaponDict from '../../utils/english_internal.json'\r\nimport BuildForm from './BuildForm'\r\nimport { useSelector } from 'react-redux'\r\n\r\nimport BDU from '../../img/abilityIcons/BDU.png'\r\nimport BRU from '../../img/abilityIcons/BRU.png'\r\nimport CB from '../../img/abilityIcons/CB.png'\r\nimport DR from '../../img/abilityIcons/DR.png'\r\nimport H from '../../img/abilityIcons/H.png'\r\nimport ISM from '../../img/abilityIcons/ISM.png'\r\nimport ISS from '../../img/abilityIcons/ISS.png'\r\nimport LDE from '../../img/abilityIcons/LDE.png'\r\nimport MPU from '../../img/abilityIcons/MPU.png'\r\nimport NS from '../../img/abilityIcons/NS.png'\r\nimport OG from '../../img/abilityIcons/OG.png'\r\nimport QR from '../../img/abilityIcons/QR.png'\r\nimport QSJ from '../../img/abilityIcons/QSJ.png'\r\nimport REC from '../../img/abilityIcons/REC.png'\r\nimport RES from '../../img/abilityIcons/RES.png'\r\nimport RP from '../../img/abilityIcons/RP.png'\r\nimport RSU from '../../img/abilityIcons/RSU.png'\r\nimport SCU from '../../img/abilityIcons/SCU.png'\r\nimport SJ from '../../img/abilityIcons/SJ.png'\r\nimport SPU from '../../img/abilityIcons/SPU.png'\r\nimport SS from '../../img/abilityIcons/SS.png'\r\nimport SSU from '../../img/abilityIcons/SSU.png'\r\nimport T from '../../img/abilityIcons/T.png'\r\nimport TI from '../../img/abilityIcons/TI.png'\r\nimport OS from '../../img/abilityIcons/OS.png'\r\nimport EMPTY from '../../img/abilityIcons/EMPTY.png'\r\n\r\nconst Build = ({ build, existingAbilities, setAbilities, removeBuildFunction, editBuildFunction }) => {\r\n const localization = useSelector(state => state.localization)\r\n const [showEdit, setShowEdit] = useState(false)\r\n\r\n if (showEdit) return \r\n
\r\n \r\n \r\n Discord \r\n \r\n
\r\n - \r\n {linksData.map(l => {\r\n if (l.type !== \"DISCORD\") {\r\n return null\r\n }\r\n return (\r\n
\r\n \r\n Guides \r\n \r\n
\r\n - \r\n {linksData.map(l => {\r\n if (l.type !== \"GUIDE\") {\r\n return null\r\n }\r\n return (\r\n
\r\n \r\n Misc \r\n \r\n
\r\n - \r\n {linksData.map(l => {\r\n if (l.type !== \"MISC\") {\r\n return null\r\n }\r\n return (\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Build","/* eslint-disable jsx-a11y/alt-text */\r\nimport React from 'react'\r\nimport { Button } from 'semantic-ui-react'\r\n\r\nimport BDU from '../../img/abilityIcons/BDU.png'\r\nimport BRU from '../../img/abilityIcons/BRU.png'\r\nimport CB from '../../img/abilityIcons/CB.png'\r\nimport DR from '../../img/abilityIcons/DR.png'\r\nimport H from '../../img/abilityIcons/H.png'\r\nimport ISM from '../../img/abilityIcons/ISM.png'\r\nimport ISS from '../../img/abilityIcons/ISS.png'\r\nimport LDE from '../../img/abilityIcons/LDE.png'\r\nimport MPU from '../../img/abilityIcons/MPU.png'\r\nimport NS from '../../img/abilityIcons/NS.png'\r\nimport OG from '../../img/abilityIcons/OG.png'\r\nimport QR from '../../img/abilityIcons/QR.png'\r\nimport QSJ from '../../img/abilityIcons/QSJ.png'\r\nimport REC from '../../img/abilityIcons/REC.png'\r\nimport RES from '../../img/abilityIcons/RES.png'\r\nimport RP from '../../img/abilityIcons/RP.png'\r\nimport RSU from '../../img/abilityIcons/RSU.png'\r\nimport SCU from '../../img/abilityIcons/SCU.png'\r\nimport SJ from '../../img/abilityIcons/SJ.png'\r\nimport SPU from '../../img/abilityIcons/SPU.png'\r\nimport SS from '../../img/abilityIcons/SS.png'\r\nimport SSU from '../../img/abilityIcons/SSU.png'\r\nimport T from '../../img/abilityIcons/T.png'\r\nimport TI from '../../img/abilityIcons/TI.png'\r\nimport OS from '../../img/abilityIcons/OS.png'\r\n\r\nconst headOnly = [\"CB\", \"LDE\", \"OG\", \"T\"]\r\nconst clothingOnly = [\"H\", \"NS\", \"TI\", \"RP\"]\r\nconst shoesOnly = [\"DR\", \"SJ\", \"OS\"]\r\n\r\nconst AbilityButton = ({ abilities, setAbilities }) => {\r\n function handleClick(abilityName) {\r\n let copyOfArray = [...abilities]\r\n if (headOnly.includes(abilityName)) {\r\n if (abilities[0][0] === \"\") {\r\n copyOfArray[0][0] = abilityName\r\n }\r\n } else if (clothingOnly.includes(abilityName)) {\r\n if (abilities[1][0] === \"\") {\r\n copyOfArray[1][0] = abilityName\r\n }\r\n } else if (shoesOnly.includes(abilityName)) {\r\n if (abilities[2][0] === \"\") {\r\n copyOfArray[2][0] = abilityName\r\n }\r\n } else {\r\n for (let i = 0; i < abilities.length; i++) {\r\n for (let j = 0; j < abilities[i].length; j++) {\r\n const element = abilities[i][j]\r\n if (element === \"\") {\r\n copyOfArray[i][j] = abilityName\r\n setAbilities(copyOfArray)\r\n return\r\n }\r\n }\r\n }\r\n }\r\n setAbilities(copyOfArray)\r\n }\r\n return (\r\n \r\n \r\n 
{buildTitle}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {setAbilities ? null : {new Date(parseInt(build.updatedAt)).toLocaleString()}} \r\n {removeBuildFunction ? //if they can remove they can edit\r\n \r\n \r\n \r\n
\r\n \r\n {build.headgear.map(abilityMap, {gearIndex: 0})}\r\n
\r\n \r\n {build.clothing.map(abilityMap, {gearIndex: 1})}\r\n
\r\n \r\n {build.shoes.map(abilityMap, {gearIndex: 2})}\r\n
\r\n - \r\n {arrayOfSortedAbilityPoints().map(a =>
\r\n {/*main only*/}\r\n
\r\n )\r\n}\r\n\r\nexport default AbilityButton","import React, { useState } from 'react'\r\nimport { Form, Message, Button } from 'semantic-ui-react'\r\nimport Select from '../elements/Select'\r\nimport Build from './Build'\r\nimport AbilityButtons from './AbilityButtons'\r\nimport { useSelector } from 'react-redux'\r\n\r\nconst BuildForm = ({ addBuild, setShowForm, setSuccessMsg, existingBuild, setShowEdit, editBuildFunction }) => {\r\n const localization = useSelector(state => state.localization)\r\n const [weaponForm, setWeaponForm] = useState(existingBuild ? existingBuild.weapon : '')\r\n const [title, setTitle] = useState(existingBuild && existingBuild.title ? existingBuild.title : '')\r\n const [abilities, setAbilities] = useState(existingBuild ? [[...existingBuild.headgear], [...existingBuild.clothing], [...existingBuild.shoes]] : [[\"\", \"\", \"\", \"\"], [\"\", \"\", \"\", \"\"], [\"\", \"\", \"\", \"\"]])\r\n\r\n const build = {\r\n id: existingBuild ? existingBuild.id : null,\r\n weapon: weaponForm,\r\n title,\r\n headgear: abilities[0],\r\n clothing: abilities[1],\r\n shoes: abilities[2]\r\n }\r\n\r\n const submit = async (e) => {\r\n e.preventDefault()\r\n\r\n let buildToAdd = {...build}\r\n if (buildToAdd.title === '') delete buildToAdd.title\r\n\r\n await addBuild({\r\n variables: { ...buildToAdd }\r\n })\r\n\r\n setWeaponForm('')\r\n setTitle('')\r\n setAbilities([[\"\", \"\", \"\", \"\"], [\"\", \"\", \"\", \"\"], [\"\", \"\", \"\", \"\"]])\r\n setSuccessMsg(localization['New build succesfully added!'])\r\n setTimeout(() => { setSuccessMsg(null) }, 10000)\r\n setShowForm(false)\r\n }\r\n \r\n function isBuildComplete() {\r\n if (title.length > 100) return false\r\n if (weaponForm === '') return false\r\n for (let i = 0; i < abilities.length; i++) {\r\n for (let j = 0; j < abilities[i].length; j++) {\r\n const element = abilities[i][j]\r\n if (element === \"\") {\r\n return false\r\n }\r\n }\r\n }\r\n return true\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/*stackables*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default BuildForm","import React, { useState } from 'react'\r\nimport { useQuery, useMutation } from '@apollo/react-hooks'\r\nimport { Button, Loader, Message } from 'semantic-ui-react'\r\n\r\nimport { addBuild } from '../../graphql/mutations/addBuild'\r\nimport { searchForBuilds } from '../../graphql/queries/searchForBuilds'\r\nimport { deleteBuild } from '../../graphql/mutations/deleteBuild'\r\nimport { updateBuild } from '../../graphql/mutations/updateBuild'\r\nimport BuildForm from './BuildForm'\r\nimport Build from './Build'\r\n\r\nconst BuildTab = ({ user, userViewed }) => {\r\n const { data, error, loading } = useQuery(searchForBuilds, {variables: { discord_id: userViewed.discord_id }})\r\n const [ errorMsg, setErrorMsg ] = useState(null)\r\n const [ successMsg, setSuccessMsg ] = useState(null)\r\n const [ showForm, setShowForm ] = useState(false)\r\n\r\n const handleError = (error) => {\r\n errorMsg(error.graphQLErrors[0].message)\r\n setTimeout(() => {\r\n setErrorMsg(null)\r\n }, 10000)\r\n }\r\n\r\n const [addBuildMutation] = useMutation(addBuild, {\r\n onError: handleError,\r\n refetchQueries: [{ query: searchForBuilds, variables: { discord_id: userViewed.discord_id }} ]\r\n })\r\n\r\n const [deleteBuildMutation] = useMutation(deleteBuild, {\r\n onError: handleError,\r\n refetchQueries: [{ query: searchForBuilds, variables: { discord_id: userViewed.discord_id }} ]\r\n })\r\n\r\n const [editBuildMutation] = useMutation(updateBuild, {\r\n onError: handleError,\r\n refetchQueries: [{ query: searchForBuilds, variables: { discord_id: userViewed.discord_id }} ]\r\n })\r\n\r\n const deleteBuildById = async ({ id, title, weapon }) => {\r\n await deleteBuildMutation({\r\n variables: { id }\r\n })\r\n\r\n const buildTitle = title ? title : `${weapon} build`\r\n \r\n setSuccessMsg(`Successfully deleted ${buildTitle}`)\r\n setTimeout(() => { setSuccessMsg(null) }, 10000)\r\n }\r\n\r\n const editBuildById = async (build) => {\r\n await editBuildMutation({\r\n variables: { ...build }\r\n })\r\n \r\n setSuccessMsg('Build successfully edited')\r\n setTimeout(() => { setSuccessMsg(null) }, 10000)\r\n }\r\n\r\n if (loading) {\r\n return \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {editBuildFunction ?\r\n <> \r\n :\r\n \r\n }\r\n
\r\n {error.message}
\r\n }\r\n\r\n const removeBuildFunction = user && user.discord_id === userViewed.discord_id ? deleteBuildById : null\r\n const editBuildFunction = user && user.discord_id === userViewed.discord_id ? editBuildById : null\r\n\r\n return (\r\n \r\n {successMsg ?\r\n
\r\n )\r\n}\r\n\r\nexport default BuildTab","import React from \"react\"\r\nimport { Tab, Image, Loader, List, Grid } from \"semantic-ui-react\"\r\nimport { Redirect } from \"react-router-dom\"\r\nimport { useQuery } from \"@apollo/react-hooks\"\r\nimport { searchForUser } from \"../../graphql/queries/searchForUser\"\r\nimport { userLean } from \"../../graphql/queries/userLean\"\r\nimport InfoPlayer from \"../../components/XSearch/InfoPlayer\"\r\nimport BuildTab from \"./BuildTab\"\r\nimport { useSelector } from \"react-redux\"\r\n\r\nconst UserPage = ({ userIdOrName }) => {\r\n const localization = useSelector(state => state.localization)\r\n const { data, error, loading } = useQuery(searchForUser, {\r\n variables: { discord_id: userIdOrName }\r\n })\r\n const userLeanQuery = useQuery(userLean)\r\n\r\n if (loading || userLeanQuery.loading) {\r\n return (\r\n \r\n
: null}\r\n \r\n {data.searchForBuilds.length >= 100 && user && user.discord_id === userViewed.discord_id ? 'Looks like you have 100 buids. Insane flex. Delete a build before adding a new one.' : null}\r\n {!user || user.discord_id !== userViewed.discord_id || data.searchForBuilds.length >= 100 ? \r\n null : \r\n
\r\n \r\n {data.searchForBuilds.map(b => \r\n
\r\n \r\n
)}\r\n {data.searchForBuilds.length === 0 ? 'So far this user has no builds!' : null}\r\n \r\n
\r\n )\r\n }\r\n\r\n if (error) {\r\n return {error.message}
\r\n }\r\n\r\n if (userLeanQuery.error) {\r\n return {userLeanQuery.error.message}
\r\n }\r\n\r\n const userData = data.searchForUser\r\n if (!userData) return \r\n
\r\n )\r\n}\r\n\r\nexport default UserPage\r\n","import React from \"react\"\r\nimport { Header, Image, Segment } from \"semantic-ui-react\"\r\nimport { Link } from \"react-router-dom\"\r\nimport koshienBanner from \"../../img/misc/koshienBanner.png\"\r\n\r\nconst PageHome = ({ setMenuSelection }) => {\r\n setMenuSelection(\"home\")\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n Competitive Splatoon Hub \r\n \r\n
\r\n \r\n \r\n Map planner\r\n {\" \"}\r\n - Draw on Splatoon 2 maps to show your teammates or anyone else what\r\n your plan is. Supports free drawing, shapes and inserting any weapon\r\n from the game on the canvas.\r\n
\r\n \r\n \r\n Maplists\r\n {\" \"}\r\n - Generate a maplist to use when scrimming. You can choose the map\r\n pool to be used including monthly ranked maps or an upcoming event.\r\n Any maps you don't feel like you need to practice can be excluded\r\n from the pool.\r\n
\r\n \r\n \r\n Rotation\r\n {\" \"}\r\n - View upcoming Splatoon 2 rotations up to 24 hours in advance. Have\r\n some maps you'd rather not play in ranked? You can set those as\r\n unfavored maps (log in not required). If a rotation contains your\r\n unfavored maps you can easily tell at a glance.\r\n
\r\n \r\n \r\n Leaderboards\r\n {\" \"}\r\n - Browse through X Rank Top 500 Leaderboards. There is a leaderboard\r\n for each weapon class where players are ranked by the average of\r\n their top four powers.\r\n
\r\n \r\n \r\n Top 500 Search\r\n {\" \"}\r\n - Search through X Rank Top 500 results. You can choose any weapon\r\n to find out the top performing players with it. Another way is to\r\n search for a player name if you are curious how a specific player\r\n has performed in the past.\r\n
\r\n \r\n \r\n X Rank Trends\r\n {\" \"}\r\n - Compare weapons on a chart based on how many times they finished\r\n in the Top 500 of X Rank. You can also combine weapon data freely.\r\n
\r\n \r\n \r\n Calendar\r\n {\" \"}\r\n - Discover all the upcoming events in competitive Splatoon.\r\n
\r\n \r\n \r\n Links\r\n {\" \"}\r\n - Discover useful resources related to competitive Splatoon.\r\n
\r\n \r\n If you login you can add gear builds on your user page. As a\r\n reference you can take a look at my{\" \"}\r\n page.\r\n
\r\n \r\n
\r\n {headAbilities.map(parseIntoAbilityIcons)}
\r\n{clothingAbilities.map(parseIntoAbilityIcons)}
\r\n{shoesAbilities.map(parseIntoAbilityIcons)}
\r\n {userName}\r\n {lastUpdated}\r\n
{error.message}
\r\n if (loading) return \r\n {pageCount > 1 && setPage(page)} total={pageCount * 10} />}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default BuildsList\r\n","import React, { useState, useEffect } from 'react'\r\nimport { PageHeader } from 'antd'\r\nimport { Segment } from 'semantic-ui-react'\r\nimport { withRouter } from \"react-router-dom\"\r\nimport { useSelector } from 'react-redux'\r\n\r\nimport Select from '../elements/Select'\r\nimport BuildsList from '../Tools/BuildsList'\r\n\r\nconst PageBuilds = withRouter(({ history, weaponFromUrl, setMenuSelection }) => {\r\n const [weapon, setWeapon] = useState(weaponFromUrl ? weaponFromUrl : null)\r\n const localization = useSelector(state => state.localization)\r\n\r\n const handleFormChange = (value) => {\r\n setWeapon(value)\r\n history.push(`/builds/${value.replace(/ /g, \"_\")}`)\r\n }\r\n\r\n useEffect(() => {\r\n if (!weapon) document.title = `${localization[\"Builds\"]} - sendou.ink`\r\n setMenuSelection(\"builds\")\r\n }, [localization, weapon, setMenuSelection])\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {weaponFromUrl &&
\r\n {error.message}
\r\n }\r\n\r\n const user = data.user\r\n\r\n if (!user || user.discord_id !== \"79237403620945920\") return \r\n Add Twitter for a player \r\n Enter unique id: setUid(event.target.value)}/>\r\n Enter Twitter setTwitter(event.target.value)}/>\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Admin","import React, { useState, useEffect, useRef } from 'react'\r\nimport { Button, Segment } from 'semantic-ui-react'\r\nimport jstz from 'jstz'\r\nimport { useSelector } from 'react-redux'\r\n\r\nimport useWindowDimensions from '../hooks/useWindowDimensions'\r\n\r\nconst PageCalendar = ({ setMenuSelection }) => {\r\n const localization = useSelector(state => state.localization)\r\n const [showCode, setShowCode] = useState(false)\r\n const { containerWidth } = useWindowDimensions()\r\n const calenderDiv = useRef(null)\r\n\r\n const iFrameHTML = ``\r\n\r\n //This is a weird solution but I couldn't get it working just setting the iframe src from a variable\r\n useEffect(() => {\r\n setMenuSelection('calendar')\r\n document.title = 'Competitive Calendar - sendou.ink'\r\n calenderDiv.current.innerHTML = iFrameHTML\r\n }, [setMenuSelection, iFrameHTML])\r\n\r\n return (\r\n \r\n \r\n If an event is missing you can contact Kbot about it.
\r\n You can add the calendar to your personal Google Calendar by pressing the plus button above. If you are using other kind of calendar program you can try this link instead.\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default PageCalendar","import React from 'react'\r\nimport { Segment } from 'semantic-ui-react'\r\nimport { useSelector } from \"react-redux\"\r\n\r\nconst PageAbout = () => {\r\n const localization = useSelector(state => state.localization)\r\n return (\r\n \r\n \r\n {showCode \r\n && \r\n \r\n \r\n 💰 - {localization[\"Has prizes\"]}
\r\n }\r\n
\r\n \r\n \r\n 💰 - {localization[\"Has prizes\"]}
\r\n 🎭 - {localization[\"Unconventional ruleset\"]}
\r\n 🔒 - {localization[\"Limited registration\"]}
\r\n 🎲 - {localization[\"Solo registration available\"]}
\r\n 👀 - {localization[\"No open registration\"]}\r\n
\r\n \r\n You can add the calendar to your personal Google Calendar by pressing the plus button above. If you are using other kind of calendar program you can try this link instead.\r\n
\r\n
\r\n \r\n {localization['Goal']}\r\n
\r\n\r\n
{localization['Help']}
\r\n {localization[\"Ask on Discord\"]}: https://discord.gg/J6NqUvt\r\n \r\n\r\n
{localization[\"Thanks to\"]}
\r\n- \r\n
- Lean (provided the Top 500 X Rank data) \r\n
- zorg (provided background pictures for the map planner) \r\n
- splatoon2.ink (provided rotations data) \r\n
- Jiko (Chinese translation) \r\n
- Yani (Chinese translation) \r\n
- Kassy (Spanish translation) \r\n
- Yuza (German translation) \r\n
- Erfes (Russian translation) \r\n
- Volto (Italian translation) \r\n
- Pretto (Italian translation) \r\n
\n
\n )\n return (\n \r\n {/* This looks weird but it's necessary for styling reasons */}\r\n window.location.assign('https://github.com/Sendouc/sendou-ink')} />{\" \"}\r\n window.location.assign('https://discord.gg/J6NqUvt')} />{\" \"}\r\n window.location.assign('https://twitter.com/sendouc')} />{\" \"}\r\n history.push(\"/about\")} />\r\n
\r\n )\r\n})\r\n\r\nexport default Footer","import { gql } from 'apollo-boost'\r\n\r\nexport const userLean = gql`\r\n{\r\n user {\r\n username\r\n avatar\r\n discord_id\r\n }\r\n}\r\n`","import React from \"react\"\r\nimport { Menu, Button, Image, Dropdown } from \"semantic-ui-react\"\r\nimport { useQuery } from \"@apollo/react-hooks\"\r\nimport { userLean } from \"../../graphql/queries/userLean\"\r\nimport { withRouter } from \"react-router-dom\"\r\nimport { useSelector, useDispatch } from \"react-redux\"\r\nimport memcake from \"../../img/misc/sink_logo.png\"\r\n\r\nconst MainMenu = withRouter(({ history, menuSelection, setMenuSelection }) => {\r\n const { data, error, loading } = useQuery(userLean)\r\n const localization = useSelector(state => state.localization)\r\n const dispatch = useDispatch()\r\n\r\n const logIn = () => {\r\n if (loading) {\r\n return null\r\n }\r\n\r\n if (!data.user || error) {\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n const language = localization.getLanguage()\r\n\r\n const handleLanguageChange = (e, { value }) => {\r\n dispatch({ type: \"SET_LANGUAGE\", languageCode: value })\r\n window.location.reload()\r\n }\r\n\r\n return (\r\n \r\n )\r\n})\r\n\r\nexport default MainMenu\r\n","export function getNumberWithOrdinal(n) {\r\n var s=[\"th\",\"st\",\"nd\",\"rd\"],\r\n v=n%100;\r\n return n+(s[(v-20)%10]||s[v]||s[0]);\r\n}\r\n\r\nexport function choose(choices) {\r\n var index = Math.floor(Math.random() * choices.length);\r\n return choices[index];\r\n}\r\n\r\nexport const modes = [\"\", \"Splat Zones\", \"Tower Control\", \"Rainmaker\", \"Clam Blitz\"]\r\n\r\nexport const months = [\"\", \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"]\r\n\r\nexport const weapons = [\"Sploosh-o-matic\", \"Neo Sploosh-o-matic\", \"Sploosh-o-matic 7\",\r\n\"Splattershot Jr.\", \"Custom Splattershot Jr.\", \"Kensa Splattershot Jr.\",\r\n\"Splash-o-matic\", \"Neo Splash-o-matic\", \"Aerospray MG\", \"Aerospray RG\",\r\n\"Aerospray PG\", \"Splattershot\", \"Tentatek Splattershot\", \"Kensa Splattershot\",\r\n\".52 Gal\", \".52 Gal Deco\", \"Kensa .52 Gal\", \"N-ZAP '85\", \"N-ZAP '89\",\r\n\"N-ZAP '83\", \"Splattershot Pro\", \"Forge Splattershot Pro\", \"Kensa Splattershot Pro\",\r\n\".96 Gal\", \".96 Gal Deco\", \"Jet Squelcher\", \"Custom Jet Squelcher\",\r\n\"L-3 Nozzlenose\", \"L-3 Nozzlenose D\", \"Kensa L-3 Nozzlenose\",\r\n\"H-3 Nozzlenose\", \"H-3 Nozzlenose D\", \"Cherry H-3 Nozzlenose\", \"Squeezer\",\r\n\"Foil Squeezer\",\r\n\"Luna Blaster\", \"Luna Blaster Neo\", \"Kensa Luna Blaster\",\r\n\"Blaster\", \"Custom Blaster\", \"Range Blaster\", \"Custom Range Blaster\",\r\n\"Grim Range Blaster\", \"Rapid Blaster\", \"Rapid Blaster Deco\", \"Kensa Rapid Blaster\",\r\n\"Rapid Blaster Pro\", \"Rapid Blaster Pro Deco\", \"Clash Blaster\", \"Clash Blaster Neo\",\r\n\"Carbon Roller\", \"Carbon Roller Deco\", \"Splat Roller\", \"Krak-On Splat Roller\",\r\n\"Kensa Splat Roller\", \"Dynamo Roller\", \"Gold Dynamo Roller\", \"Kensa Dynamo Roller\",\r\n\"Flingza Roller\", \"Foil Flingza Roller\", \"Inkbrush\", \"Inkbrush Nouveau\",\r\n\"Permanent Inkbrush\", \"Octobrush\", \"Octobrush Nouveau\", \"Kensa Octobrush\", \r\n\"Classic Squiffer\", \"New Squiffer\", \"Fresh Squiffer\", \"Splat Charger\",\r\n\"Firefin Splat Charger\", \"Kensa Charger\", \"Splatterscope\", \"Firefin Splatterscope\",\r\n\"Kensa Splatterscope\", \"E-liter 4K\", \"Custom E-liter 4K\", \"E-liter 4K Scope\",\r\n\"Custom E-liter 4K Scope\", \"Bamboozler 14 Mk I\", \"Bamboozler 14 Mk II\",\r\n\"Bamboozler 14 Mk III\", \"Goo Tuber\", \"Custom Goo Tuber\", \"Slosher\", \"Slosher Deco\", \"Soda Slosher\", \"Tri-Slosher\",\r\n\"Tri-Slosher Nouveau\", \"Sloshing Machine\", \"Sloshing Machine Neo\",\r\n\"Kensa Sloshing Machine\", \"Bloblobber\", \"Bloblobber Deco\", \"Explosher\",\r\n\"Custom Explosher\", \"Mini Splatling\", \"Zink Mini Splatling\", \"Kensa Mini Splatling\",\r\n\"Heavy Splatling\", \"Heavy Splatling Deco\", \"Heavy Splatling Remix\",\r\n\"Hydra Splatling\", \"Custom Hydra Splatling\", \"Ballpoint Splatling\",\r\n\"Ballpoint Splatling Nouveau\", \"Nautilus 47\", \"Nautilus 79\", \r\n\"Dapple Dualies\", \"Dapple Dualies Nouveau\", \"Clear Dapple Dualies\",\r\n\"Splat Dualies\", \"Enperry Splat Dualies\", \"Kensa Splat Dualies\", \"Glooga Dualies\",\r\n\"Glooga Dualies Deco\", \"Kensa Glooga Dualies\", \"Dualie Squelchers\",\r\n\"Custom Dualie Squelchers\", \"Dark Tetra Dualies\", \"Light Tetra Dualies\", \r\n\"Splat Brella\", \"Sorella Brella\", \"Tenta Brella\", \"Tenta Sorella Brella\",\r\n\"Tenta Camo Brella\", \"Undercover Brella\", \"Undercover Sorella Brella\", \"Kensa Undercover Brella\"]\r\n\r\nexport const memCakes = ['moon.png', 'S2_Gear_Headgear_Fresh_Fish_Head.png', 'S2_Gear_Headgear_Anglerfish_Mask.png', 'nstc.png', 'chimera.png', 'olive.png', 'pulla.png', 'qr.png', 'OctCollectIcon_00.png', 'OctCollectIcon_01.png', 'OctCollectIcon_02.png', 'OctCollectIcon_03.png', 'OctCollectIcon_04.png', 'OctCollectIcon_05.png', 'OctCollectIcon_06.png', 'OctCollectIcon_07.png', 'OctCollectIcon_08.png', 'OctCollectIcon_09.png', 'OctCollectIcon_10.png', 'OctCollectIcon_11.png', 'OctCollectIcon_12.png', 'OctCollectIcon_13.png', 'OctCollectIcon_14.png', 'OctCollectIcon_15.png', 'OctCollectIcon_16.png', 'OctCollectIcon_17.png', 'OctCollectIcon_18.png', 'OctCollectIcon_19.png', 'OctCollectIcon_20.png', 'OctCollectIcon_21.png', 'OctCollectIcon_22.png', 'OctCollectIcon_23.png', 'OctCollectIcon_24.png', 'OctCollectIcon_25.png', 'OctCollectIcon_26.png', 'OctCollectIcon_27.png', 'OctCollectIcon_28.png', 'OctCollectIcon_29.png', 'OctCollectIcon_30.png', 'OctCollectIcon_31.png', 'OctCollectIcon_32.png', 'OctCollectIcon_33.png', 'OctCollectIcon_34.png', 'OctCollectIcon_35.png', 'OctCollectIcon_36.png', 'OctCollectIcon_37.png', 'OctCollectIcon_38.png', 'OctCollectIcon_39.png', 'OctCollectIcon_40.png', 'OctCollectIcon_41.png', 'OctCollectIcon_42.png', 'OctCollectIcon_43.png', 'OctCollectIcon_44.png', 'OctCollectIcon_45.png', 'OctCollectIcon_46.png', 'OctCollectIcon_47.png', 'OctCollectIcon_48.png', 'OctCollectIcon_49.png', 'OctCollectIcon_50.png', 'OctCollectIcon_51.png', 'OctCollectIcon_52.png', 'OctCollectIcon_53.png', 'OctCollectIcon_54.png', 'OctCollectIcon_55.png', 'OctCollectIcon_56.png', 'OctCollectIcon_57.png', 'OctCollectIcon_59.png', 'OctCollectIcon_60.png', 'OctCollectIcon_61.png', 'OctCollectIcon_62.png', 'OctCollectIcon_63.png', 'OctCollectIcon_64.png', 'OctCollectIcon_65.png', 'OctCollectIcon_66.png', 'OctCollectIcon_67.png', 'OctCollectIcon_68.png', 'OctCollectIcon_69.png', 'OctCollectIcon_70.png', 'OctCollectIcon_71.png', 'OctCollectIcon_72.png', 'OctCollectIcon_73.png', 'OctCollectIcon_74.png', 'OctCollectIcon_75.png', 'OctCollectIcon_76.png', 'OctCollectIcon_77.png', 'OctCollectIcon_78.png', 'OctCollectIcon_79.png', 'lanista.png', 'heart.png']\r\n\r\nexport const shooters = [\"Sploosh-o-matic\", \"Neo Sploosh-o-matic\", \"Sploosh-o-matic 7\",\r\n\"Splattershot Jr.\", \"Custom Splattershot Jr.\", \"Kensa Splattershot Jr.\",\r\n\"Splash-o-matic\", \"Neo Splash-o-matic\", \"Aerospray MG\", \"Aerospray RG\",\r\n\"Aerospray PG\", \"Splattershot\", \"Tentatek Splattershot\", \"Kensa Splattershot\",\r\n\".52 Gal\", \".52 Gal Deco\", \"Kensa .52 Gal\", \"N-ZAP '85\", \"N-ZAP '89\",\r\n\"N-ZAP '83\", \"Splattershot Pro\", \"Forge Splattershot Pro\", \"Kensa Splattershot Pro\",\r\n\".96 Gal\", \".96 Gal Deco\", \"Jet Squelcher\", \"Custom Jet Squelcher\"]\r\n\r\nexport const semiauto = [\"L-3 Nozzlenose\", \"L-3 Nozzlenose D\", \"Kensa L-3 Nozzlenose\",\r\n\"H-3 Nozzlenose\", \"H-3 Nozzlenose D\", \"Cherry H-3 Nozzlenose\", \"Squeezer\",\r\n\"Foil Squeezer\"]\r\n\r\nexport const blasters = [\"Luna Blaster\", \"Luna Blaster Neo\", \"Kensa Luna Blaster\",\r\n\"Blaster\", \"Custom Blaster\", \"Range Blaster\", \"Custom Range Blaster\",\r\n\"Grim Range Blaster\", \"Rapid Blaster\", \"Rapid Blaster Deco\", \"Kensa Rapid Blaster\",\r\n\"Rapid Blaster Pro\", \"Rapid Blaster Pro Deco\", \"Clash Blaster\", \"Clash Blaster Neo\"]\r\n\r\nexport const rollers = [\"Carbon Roller\", \"Carbon Roller Deco\", \"Splat Roller\", \"Krak-On Splat Roller\",\r\n\"Kensa Splat Roller\", \"Dynamo Roller\", \"Gold Dynamo Roller\", \"Kensa Dynamo Roller\",\r\n\"Flingza Roller\", \"Foil Flingza Roller\"]\r\n\r\nexport const brushes = [\"Inkbrush\", \"Inkbrush Nouveau\",\r\n\"Permanent Inkbrush\", \"Octobrush\", \"Octobrush Nouveau\", \"Kensa Octobrush\"]\r\n\r\nexport const chargers = [\"Classic Squiffer\", \"New Squiffer\", \"Fresh Squiffer\", \"Splat Charger\",\r\n\"Firefin Splat Charger\", \"Kensa Charger\", \"Splatterscope\", \"Firefin Splatterscope\",\r\n\"Kensa Splatterscope\", \"E-liter 4K\", \"Custom E-liter 4K\", \"E-liter 4K Scope\",\r\n\"Custom E-liter 4K Scope\", \"Bamboozler 14 Mk I\", \"Bamboozler 14 Mk II\",\r\n\"Bamboozler 14 Mk III\", \"Goo Tuber\", \"Custom Goo Tuber\"]\r\n\r\nexport const sloshers = [\"Slosher\", \"Slosher Deco\", \"Soda Slosher\", \"Tri-Slosher\",\r\n\"Tri-Slosher Nouveau\", \"Sloshing Machine\", \"Sloshing Machine Neo\",\r\n\"Kensa Sloshing Machine\", \"Bloblobber\", \"Bloblobber Deco\", \"Explosher\",\r\n\"Custom Explosher\"]\r\n\r\nexport const splatlings = [\"Mini Splatling\", \"Zink Mini Splatling\", \"Kensa Mini Splatling\",\r\n\"Heavy Splatling\", \"Heavy Splatling Deco\", \"Heavy Splatling Remix\",\r\n\"Hydra Splatling\", \"Custom Hydra Splatling\", \"Ballpoint Splatling\",\r\n\"Ballpoint Splatling Nouveau\", \"Nautilus 47\", \"Nautilus 79\"]\r\n\r\nexport const dualies = [\"Dapple Dualies\", \"Dapple Dualies Nouveau\", \"Clear Dapple Dualies\",\r\n\"Splat Dualies\", \"Enperry Splat Dualies\", \"Kensa Splat Dualies\", \"Glooga Dualies\",\r\n\"Glooga Dualies Deco\", \"Kensa Glooga Dualies\", \"Dualie Squelchers\",\r\n\"Custom Dualie Squelchers\", \"Dark Tetra Dualies\", \"Light Tetra Dualies\"]\r\n\r\nexport const brellas = [\"Splat Brella\", \"Sorella Brella\", \"Tenta Brella\", \"Tenta Sorella Brella\",\r\n\"Tenta Camo Brella\", \"Undercover Brella\", \"Undercover Sorella Brella\", \"Kensa Undercover Brella\"]\r\n\r\nexport const weaponsByCategory = {\"Shooters\": shooters, \"Semi-automatic Shooters\": semiauto,\r\n\"Blasters\": blasters, \"Rollers\": rollers, \"Brushes\": brushes, \"Chargers\": chargers, \"Sloshers\": sloshers,\r\n\"Splatlings\": splatlings, \"Dualies\": dualies, \"Brellas\": brellas}\r\n\r\nexport const categoryKeys = [\"Shooters\", \"Semi-automatic Shooters\", \"Blasters\", \"Rollers\", \"Brushes\", \"Chargers\", \"Sloshers\", \"Splatlings\", \"Dualies\", \"Brellas\"]\r\n\r\nexport const clothingGear = [\"Clt_AMB000\", \"Clt_AMB001\", \"Clt_AMB002\", \"Clt_AMB003\", \"Clt_AMB004\", \"Clt_AMB005\", \"Clt_AMB006\", \"Clt_AMB007\", \"Clt_AMB008\", \"Clt_AMB009\", \"Clt_AMB010\", \"Clt_COP100\", \"Clt_COP101\", \"Clt_COP102\", \"Clt_COP103\", \"Clt_COP104\", \"Clt_COP105\", \"Clt_COP106\", \"Clt_COP107\", \"Clt_COP108\", \"Clt_COP109\", \"Clt_COP110\", \"Clt_CRC000\", \"Clt_FST001\", \"Clt_FST002\", \"Clt_HAP001\", \"Clt_JKT000\", \"Clt_JKT001\", \"Clt_JKT002\", \"Clt_JKT003\", \"Clt_JKT004\", \"Clt_JKT005\", \"Clt_JKT006\", \"Clt_JKT007\", \"Clt_JKT008\", \"Clt_JKT009\", \"Clt_JKT010\", \"Clt_JKT011\", \"Clt_JKT012\", \"Clt_JKT013\", \"Clt_JKT014\", \"Clt_JKT015\", \"Clt_JKT016\", \"Clt_JKT017\", \"Clt_JKT018\", \"Clt_JKT019\", \"Clt_JKT020\", \"Clt_JKT021\", \"Clt_JKT022\", \"Clt_JKT023\", \"Clt_JKT024\", \"Clt_JKT025\", \"Clt_JKT026\", \"Clt_JKT027\", \"Clt_JKT028\", \"Clt_JKT029\", \"Clt_JKT030\", \"Clt_JKT031\", \"Clt_JKT032\", \"Clt_JKT033\", \"Clt_JKT034\", \"Clt_JKT035\", \"Clt_JKT036\", \"Clt_JKT037\", \"Clt_JKT038\", \"Clt_JKT039\", \"Clt_JKT040\", \"Clt_JKT041\", \"Clt_JKT042\", \"Clt_JKT043\", \"Clt_JKT044\", \"Clt_MSN000\", \"Clt_MSN004\", \"Clt_MSN101\", \"Clt_MSN104\", \"Clt_MSN105\", \"Clt_MSN106\", \"Clt_PLO000\", \"Clt_PLO001\", \"Clt_PLO002\", \"Clt_PLO003\", \"Clt_PLO004\", \"Clt_PLO005\", \"Clt_PLO006\", \"Clt_PLO007\", \"Clt_PLO008\", \"Clt_PRK000\", \"Clt_PRK001\", \"Clt_PRK002\", \"Clt_PRK004\", \"Clt_PRK005\", \"Clt_PRK006\", \"Clt_PRK007\", \"Clt_PRK008\", \"Clt_PRK009\", \"Clt_PRK010\", \"Clt_PRK011\", \"Clt_RVL000\", \"Clt_RVL001\", \"Clt_SHT000\", \"Clt_SHT001\", \"Clt_SHT002\", \"Clt_SHT003\", \"Clt_SHT004\", \"Clt_SHT005\", \"Clt_SHT006\", \"Clt_SHT007\", \"Clt_SHT008\", \"Clt_SHT009\", \"Clt_SHT010\", \"Clt_SHT011\", \"Clt_SHT012\", \"Clt_SHT013\", \"Clt_SHT014\", \"Clt_SHT015\", \"Clt_SHT017\", \"Clt_SHT018\", \"Clt_SHT019\", \"Clt_SHT020\", \"Clt_SHT021\", \"Clt_SHT022\", \"Clt_SHT023\", \"Clt_SHT024\", \"Clt_SHT025\", \"Clt_SHT026\", \"Clt_SHT027\", \"Clt_SHT028\", \"Clt_SHT029\", \"Clt_SWT000\", \"Clt_SWT001\", \"Clt_SWT002\", \"Clt_SWT003\", \"Clt_SWT004\", \"Clt_SWT005\", \"Clt_SWT006\", \"Clt_SWT007\", \"Clt_SWT008\", \"Clt_SWT009\", \"Clt_SWT010\", \"Clt_SWT011\", \"Clt_SWT012\", \"Clt_SWT013\", \"Clt_SWT014\", \"Clt_SWT015\", \"Clt_TEL000\", \"Clt_TEL001\", \"Clt_TEL002\", \"Clt_TEL003\", \"Clt_TEL004\", \"Clt_TEL005\", \"Clt_TEL006\", \"Clt_TEL007\", \"Clt_TEL008\", \"Clt_TEL009\", \"Clt_TEL010\", \"Clt_TEL011\", \"Clt_TEL012\", \"Clt_TEL013\", \"Clt_TEL014\", \"Clt_TEL015\", \"Clt_TEL016\", \"Clt_TEL017\", \"Clt_TEL018\", \"Clt_TEL019\", \"Clt_TEL020\", \"Clt_TEL021\", \"Clt_TEL022\", \"Clt_TEL023\", \"Clt_TEL024\", \"Clt_TES000\", \"Clt_TES001\", \"Clt_TES002\", \"Clt_TES003\", \"Clt_TES004\", \"Clt_TES005\", \"Clt_TES006\", \"Clt_TES007\", \"Clt_TES008\", \"Clt_TES009\", \"Clt_TES010\", \"Clt_TES011\", \"Clt_TES012\", \"Clt_TES013\", \"Clt_TES014\", \"Clt_TES015\", \"Clt_TES016\", \"Clt_TES017\", \"Clt_TES018\", \"Clt_TES019\", \"Clt_TES020\", \"Clt_TES021\", \"Clt_TES022\", \"Clt_TES023\", \"Clt_TES026\", \"Clt_TES027\", \"Clt_TES028\", \"Clt_TES029\", \"Clt_TES030\", \"Clt_TES031\", \"Clt_TES032\", \"Clt_TES033\", \"Clt_TES034\", \"Clt_TES035\", \"Clt_TES036\", \"Clt_TES037\", \"Clt_TES038\", \"Clt_TES039\", \"Clt_TES040\", \"Clt_TES041\", \"Clt_TES042\", \"Clt_TES043\", \"Clt_TES044\", \"Clt_TES045\", \"Clt_TES046\", \"Clt_TES047\", \"Clt_TES048\", \"Clt_TES049\", \"Clt_TES050\", \"Clt_TES051\", \"Clt_TES052\", \"Clt_TES053\", \"Clt_TES054\", \"Clt_TES055\", \"Clt_TES056\", \"Clt_TES057\", \"Clt_TES058\", \"Clt_TES059\", \"Clt_TES060\", \"Clt_TES061\", \"Clt_TLY000\", \"Clt_TLY001\", \"Clt_TLY002\", \"Clt_TLY003\", \"Clt_TLY004\", \"Clt_TLY005\", \"Clt_TLY006\", \"Clt_TLY007\", \"Clt_TLY008\", \"Clt_TLY009\", \"Clt_TLY010\", \"Clt_TLY011\", \"Clt_TLY012\", \"Clt_TLY013\", \"Clt_TNK000\", \"Clt_TNK001\", \"Clt_TNK003\", \"Clt_TNK004\", \"Clt_TNK005\", \"Clt_TNK006\", \"Clt_VST000\", \"Clt_VST001\", \"Clt_VST002\", \"Clt_VST003\", \"Clt_VST004\", \"Clt_VST005\", \"Clt_VST007\", \"Clt_VST008\", \"Clt_VST009\"]\r\n\r\nexport const headGear = [\"Hed_ACC001\", \"Hed_AMB000\", \"Hed_AMB001\", \"Hed_AMB002\", \"Hed_AMB003\", \"Hed_AMB004\", \"Hed_AMB005\", \"Hed_AMB006\", \"Hed_AMB007\", \"Hed_AMB008\", \"Hed_AMB009\", \"Hed_AMB010\", \"Hed_CAP000\", \"Hed_CAP001\", \"Hed_CAP002\", \"Hed_CAP003\", \"Hed_CAP004\", \"Hed_CAP005\", \"Hed_CAP006\", \"Hed_CAP007\", \"Hed_CAP008\", \"Hed_CAP009\", \"Hed_CAP010\", \"Hed_CAP011\", \"Hed_CAP012\", \"Hed_CAP014\", \"Hed_CAP015\", \"Hed_CAP018\", \"Hed_CAP019\", \"Hed_CAP020\", \"Hed_CAP021\", \"Hed_CAP023\", \"Hed_CAP024\", \"Hed_CAP025\", \"Hed_CAP026\", \"Hed_CAP027\", \"Hed_COP100\", \"Hed_COP101\", \"Hed_COP102\", \"Hed_COP103\", \"Hed_COP104\", \"Hed_COP105\", \"Hed_COP106\", \"Hed_COP107\", \"Hed_COP108\", \"Hed_COP109\", \"Hed_CRC000\", \"Hed_EYE000\", \"Hed_EYE001\", \"Hed_EYE002\", \"Hed_EYE003\", \"Hed_EYE004\", \"Hed_EYE005\", \"Hed_EYE006\", \"Hed_EYE007\", \"Hed_EYE008\", \"Hed_EYE009\", \"Hed_EYE010\", \"Hed_EYE011\", \"Hed_EYE012\", \"Hed_EYE013\", \"Hed_EYE014\", \"Hed_EYE015\", \"Hed_EYE016\", \"Hed_EYE017\", \"Hed_EYE018\", \"Hed_EYE019\", \"Hed_EYE020\", \"Hed_FST000\", \"Hed_HAP000\", \"Hed_HAP001\", \"Hed_HAP002\", \"Hed_HAP003\", \"Hed_HAP004\", \"Hed_HAP005\", \"Hed_HAP006\", \"Hed_HAP007\", \"Hed_HAP008\", \"Hed_HAP009\", \"Hed_HAP010\", \"Hed_HAP011\", \"Hed_HAP012\", \"Hed_HAP013\", \"Hed_HAP014\", \"Hed_HAP015\", \"Hed_HAT000\", \"Hed_HAT001\", \"Hed_HAT002\", \"Hed_HAT003\", \"Hed_HAT004\", \"Hed_HAT005\", \"Hed_HAT006\", \"Hed_HAT007\", \"Hed_HAT008\", \"Hed_HAT009\", \"Hed_HAT010\", \"Hed_HAT011\", \"Hed_HAT012\", \"Hed_HAT013\", \"Hed_HAT014\", \"Hed_HBD001\", \"Hed_HBD002\", \"Hed_HBD003\", \"Hed_HBD004\", \"Hed_HBD005\", \"Hed_HBD007\", \"Hed_HBD008\", \"Hed_HDP000\", \"Hed_HDP001\", \"Hed_HDP002\", \"Hed_HDP003\", \"Hed_HDP004\", \"Hed_HDP005\", \"Hed_HDP006\", \"Hed_MET000\", \"Hed_MET002\", \"Hed_MET004\", \"Hed_MET005\", \"Hed_MET006\", \"Hed_MET007\", \"Hed_MET008\", \"Hed_MET009\", \"Hed_MET010\", \"Hed_MET011\", \"Hed_MSK000\", \"Hed_MSK001\", \"Hed_MSK002\", \"Hed_MSK003\", \"Hed_MSK004\", \"Hed_MSK005\", \"Hed_MSK006\", \"Hed_MSK007\", \"Hed_MSK008\", \"Hed_MSK009\", \"Hed_MSK010\", \"Hed_MSK011\", \"Hed_MSK012\", \"Hed_MSK013\", \"Hed_MSN000\", \"Hed_MSN004\", \"Hed_MSN101\", \"Hed_MSN104\", \"Hed_MSN105\", \"Hed_MSN106\", \"Hed_MSN107\", \"Hed_MSN108\", \"Hed_NCP000\", \"Hed_NCP001\", \"Hed_NCP002\", \"Hed_NCP003\", \"Hed_NCP004\", \"Hed_NCP005\", \"Hed_NCP006\", \"Hed_NCP007\", \"Hed_NCP008\", \"Hed_NCP009\", \"Hed_NCP010\", \"Hed_NCP011\", \"Hed_RVL002\", \"Hed_RVL003\", \"Hed_VIS000\", \"Hed_VIS001\", \"Hed_VIS002\", \"Hed_VIS003\", \"Hed_VIS004\"]\r\n\r\nexport const shoesGear = [\"Shs_AMB000\", \"Shs_AMB001\", \"Shs_AMB002\", \"Shs_AMB003\", \"Shs_AMB004\", \"Shs_AMB005\", \"Shs_AMB006\", \"Shs_AMB007\", \"Shs_AMB008\", \"Shs_AMB009\", \"Shs_AMB010\", \"Shs_BOT000\", \"Shs_BOT001\", \"Shs_BOT002\", \"Shs_BOT003\", \"Shs_BOT004\", \"Shs_BOT005\", \"Shs_BOT006\", \"Shs_BOT007\", \"Shs_BOT008\", \"Shs_BOT009\", \"Shs_BOT010\", \"Shs_BOT011\", \"Shs_BOT012\", \"Shs_BOT013\", \"Shs_BOT014\", \"Shs_BOT015\", \"Shs_BOT016\", \"Shs_BOT017\", \"Shs_BOT018\", \"Shs_CFS000\", \"Shs_CFS001\", \"Shs_COP101\", \"Shs_COP102\", \"Shs_COP103\", \"Shs_COP104\", \"Shs_COP105\", \"Shs_COP106\", \"Shs_CRC000\", \"Shs_FST000\", \"Shs_HAP000\", \"Shs_HAP001\", \"Shs_HAP002\", \"Shs_HAP003\", \"Shs_HAP004\", \"Shs_HAP005\", \"Shs_HAP006\", \"Shs_HAP007\", \"Shs_LTS000\", \"Shs_LTS001\", \"Shs_LTS002\", \"Shs_LTS003\", \"Shs_LTS004\", \"Shs_LTS005\", \"Shs_LTS006\", \"Shs_LTS007\", \"Shs_LTS008\", \"Shs_LTS009\", \"Shs_LTS010\", \"Shs_LTS011\", \"Shs_LTS012\", \"Shs_MSN000\", \"Shs_MSN004\", \"Shs_MSN101\", \"Shs_MSN104\", \"Shs_MSN105\", \"Shs_MSN106\", \"Shs_SDL000\", \"Shs_SDL001\", \"Shs_SDL003\", \"Shs_SDL004\", \"Shs_SDL005\", \"Shs_SDL006\", \"Shs_SDL007\", \"Shs_SDL008\", \"Shs_SDL009\", \"Shs_SHI000\", \"Shs_SHI001\", \"Shs_SHI002\", \"Shs_SHI003\", \"Shs_SHI004\", \"Shs_SHI005\", \"Shs_SHI006\", \"Shs_SHI008\", \"Shs_SHI009\", \"Shs_SHI010\", \"Shs_SHI011\", \"Shs_SHI012\", \"Shs_SHI013\", \"Shs_SHI014\", \"Shs_SHI015\", \"Shs_SHI016\", \"Shs_SHI017\", \"Shs_SHI018\", \"Shs_SHI019\", \"Shs_SHI020\", \"Shs_SHI021\", \"Shs_SHI022\", \"Shs_SHI023\", \"Shs_SHI024\", \"Shs_SHI025\", \"Shs_SHI026\", \"Shs_SHI027\", \"Shs_SHI028\", \"Shs_SHI029\", \"Shs_SHI030\", \"Shs_SHI031\", \"Shs_SHI032\", \"Shs_SHI033\", \"Shs_SHI034\", \"Shs_SHI035\", \"Shs_SHI036\", \"Shs_SHI037\", \"Shs_SHI038\", \"Shs_SHI039\", \"Shs_SHI040\", \"Shs_SHI041\", \"Shs_SHT000\", \"Shs_SHT001\", \"Shs_SHT002\", \"Shs_SHT003\", \"Shs_SHT004\", \"Shs_SHT005\", \"Shs_SHT006\", \"Shs_SHT007\", \"Shs_SHT008\", \"Shs_SHT009\", \"Shs_SHT010\", \"Shs_SHT011\", \"Shs_SHT012\", \"Shs_SHT013\", \"Shs_SHT014\", \"Shs_SHT015\", \"Shs_SHT016\", \"Shs_SHT017\", \"Shs_SHT018\", \"Shs_SHT019\", \"Shs_SLO000\", \"Shs_SLO001\", \"Shs_SLO002\", \"Shs_SLO003\", \"Shs_SLO004\", \"Shs_SLO005\", \"Shs_SLO006\", \"Shs_SLO007\", \"Shs_SLO008\", \"Shs_SLO009\", \"Shs_SLO010\", \"Shs_SLO011\", \"Shs_SLO012\", \"Shs_SLO013\", \"Shs_SLO014\", \"Shs_SLO015\", \"Shs_SLO016\", \"Shs_SLO017\", \"Shs_SLO018\", \"Shs_SLO019\", \"Shs_SLO020\", \"Shs_SLP000\", \"Shs_SLP001\", \"Shs_SLP002\", \"Shs_SLP003\", \"Shs_TRS000\", \"Shs_TRS001\", \"Shs_TRS002\"]","import React, { useState } from \"react\"\r\nimport { Grid, Comment } from \"semantic-ui-react\"\r\nimport { clothingGear, shoesGear, headGear, choose } from \"../../utils/lists\"\r\nimport useWindowDimensions from \"../hooks/useWindowDimensions\"\r\n\r\nimport BDU from '../../img/abilityIcons/BDU.png'\r\nimport BRU from \"../../img/abilityIcons/BRU.png\"\r\nimport CB from \"../../img/abilityIcons/CB.png\"\r\nimport DR from \"../../img/abilityIcons/DR.png\"\r\nimport H from \"../../img/abilityIcons/H.png\"\r\nimport ISM from \"../../img/abilityIcons/ISM.png\"\r\nimport ISS from \"../../img/abilityIcons/ISS.png\"\r\nimport LDE from \"../../img/abilityIcons/LDE.png\"\r\nimport MPU from \"../../img/abilityIcons/MPU.png\"\r\nimport NS from \"../../img/abilityIcons/NS.png\"\r\nimport OG from \"../../img/abilityIcons/OG.png\"\r\nimport QR from \"../../img/abilityIcons/QR.png\"\r\nimport QSJ from \"../../img/abilityIcons/QSJ.png\"\r\nimport REC from \"../../img/abilityIcons/REC.png\"\r\nimport RES from \"../../img/abilityIcons/RES.png\"\r\nimport RP from \"../../img/abilityIcons/RP.png\"\r\nimport RSU from \"../../img/abilityIcons/RSU.png\"\r\nimport SCU from \"../../img/abilityIcons/SCU.png\"\r\nimport SJ from \"../../img/abilityIcons/SJ.png\"\r\nimport SPU from \"../../img/abilityIcons/SPU.png\"\r\nimport SS from \"../../img/abilityIcons/SS.png\"\r\nimport SSU from \"../../img/abilityIcons/SSU.png\"\r\nimport T from \"../../img/abilityIcons/T.png\"\r\nimport TI from \"../../img/abilityIcons/TI.png\"\r\nimport OS from \"../../img/abilityIcons/OS.png\"\r\nimport murchpfp from \"../../img/misc/murchpfp.png\"\r\nimport head from \"../../utils/head.json\"\r\nimport clothes from \"../../utils/clothes.json\"\r\nimport shoes from \"../../utils/shoes.json\"\r\n\r\nconst mainAbilityStyle = {\r\n //https://github.com/loadout-ink/splat2-calc\r\n zIndex: \"2\",\r\n borderRadius: \"50%\",\r\n width: \"40px\",\r\n height: \"40px\",\r\n background: \"#000\",\r\n border: \"2px solid #888\",\r\n borderRight: \"0px\",\r\n borderBottom: \"0px\",\r\n backgroundSize: \"100%\",\r\n boxShadow: \"0 0 0 1px #000\"\r\n}\r\nconst subAbilityStyle = {\r\n //https://github.com/loadout-ink/splat2-calc\r\n zIndex: \"2\",\r\n borderRadius: \"50%\",\r\n width: \"30px\",\r\n height: \"30px\",\r\n background: \"#000\",\r\n border: \"2px solid #888\",\r\n borderRight: \"0px\",\r\n borderBottom: \"0px\",\r\n backgroundSize: \"100%\",\r\n boxShadow: \"0 0 0 1px #000\"\r\n}\r\nconst gearStyle = { maxWidth: \"50px\", height: \"auto\" }\r\n\r\nconst subAbilities = [\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU,\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU\r\n]\r\nconst headAbilities = [\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU,\r\n OG,\r\n LDE,\r\n CB,\r\n T\r\n]\r\nconst clothingAbilities = [\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU,\r\n H,\r\n NS,\r\n TI,\r\n RP\r\n]\r\nconst shoeAbilities = [\r\n ISM,\r\n ISS,\r\n REC,\r\n RSU,\r\n SSU,\r\n QSJ,\r\n RES,\r\n BDU,\r\n MPU,\r\n QR,\r\n SCU,\r\n SS,\r\n SPU,\r\n BRU,\r\n DR,\r\n SJ,\r\n OS\r\n]\r\n\r\nconst internalToAbility = {\r\n MainInk_Save: ISM,\r\n SubInk_Save: ISS,\r\n InkRecovery_Up: REC,\r\n HumanMove_Up: RSU,\r\n SquidMove_Up: SSU,\r\n JumpTime_Save: QSJ,\r\n RespawnTime_Save: QR,\r\n OpInkEffect_Reduction: RES,\r\n BombDamage_Reduction: BDU,\r\n MarkingTime_Reduction: MPU,\r\n RespawnSpecialGauge_Save: SS,\r\n SpecialIncrease_Up: SCU,\r\n SpecialTime_Up: SPU,\r\n BombDistance_Up: BRU\r\n}\r\n\r\nconst RollSim = () => {\r\n const [headLink] = useState(choose(headGear))\r\n const [clothingLink] = useState(choose(clothingGear))\r\n const [shoesLink] = useState(choose(shoesGear))\r\n const [headMain] = useState(choose(headAbilities))\r\n const [headSubs, setHeadSubs] = useState([\r\n choose(subAbilities),\r\n choose(subAbilities),\r\n choose(subAbilities)\r\n ])\r\n const [clothingMain] = useState(choose(clothingAbilities))\r\n const [clothingSubs, setClothingSubs] = useState([\r\n choose(subAbilities),\r\n choose(subAbilities),\r\n choose(subAbilities)\r\n ])\r\n const [shoesMain] = useState(choose(shoeAbilities))\r\n const [shoesSubs, setShoesSubs] = useState([\r\n choose(subAbilities),\r\n choose(subAbilities),\r\n choose(subAbilities)\r\n ])\r\n const [rolling, setRolling] = useState(false)\r\n const [rollCount, setRollCount] = useState(0)\r\n const { containerWidth } = useWindowDimensions()\r\n\r\n const setSubs = (json, gear) => {\r\n let gearName = gear.split(\"_\")[1]\r\n if (!json.hasOwnProperty(gearName))\r\n return [choose(subAbilities), choose(subAbilities), choose(subAbilities)]\r\n const prefArray = json[gearName]\r\n if (prefArray[0] === prefArray[1]) {\r\n //neutral brand\r\n return [choose(subAbilities), choose(subAbilities), choose(subAbilities)]\r\n }\r\n\r\n const adjustedAbilities = [...subAbilities]\r\n const preferredAbility = internalToAbility[prefArray[0]]\r\n const unpreferredAbility = internalToAbility[prefArray[1]]\r\n\r\n for (let index = 0; index < adjustedAbilities.length; index++) {\r\n const element = adjustedAbilities[index]\r\n if (element === unpreferredAbility) {\r\n adjustedAbilities.splice(index, 1)\r\n break\r\n }\r\n }\r\n\r\n for (let index = 0; index < 8; index++) {\r\n adjustedAbilities.push(preferredAbility)\r\n }\r\n\r\n const ability1 = choose(adjustedAbilities)\r\n const ability2 = choose(adjustedAbilities)\r\n const ability3 = choose(adjustedAbilities)\r\n\r\n return [ability1, ability2, ability3]\r\n }\r\n\r\n const sleep = milliseconds => {\r\n return new Promise(resolve => setTimeout(resolve, milliseconds))\r\n }\r\n\r\n const roll = async mode => {\r\n if (rolling) return\r\n\r\n let setSubsState = null\r\n let json = null\r\n let gear = null\r\n if (mode === \"HEAD\") {\r\n setSubsState = setHeadSubs\r\n json = head\r\n gear = headLink\r\n } else if (mode === \"CLOTHING\") {\r\n setSubsState = setClothingSubs\r\n json = clothes\r\n gear = clothingLink\r\n } else {\r\n setSubsState = setShoesSubs\r\n json = shoes\r\n gear = shoesLink\r\n }\r\n\r\n setRolling(true)\r\n let ability1 = null\r\n let ability2 = null\r\n let ability3 = null\r\n for (let index = 0; index < 19; index++) {\r\n ability1 = choose(subAbilities)\r\n ability2 = choose(subAbilities)\r\n ability3 = choose(subAbilities)\r\n setSubsState([ability1, ability2, ability3])\r\n await sleep(75)\r\n }\r\n setSubsState(setSubs(json, gear)) //only using this method in the last roll that matters for optimization purposes\r\n setRolling(false)\r\n setRollCount(rollCount + 1)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {rollCount > 0 && (\r\n \r\n \r\n \r\n Murch \r\n \r\n You have rolled {rollCount} {rollCount === 1 ? \"time\" : \"times\"}\r\n , chum.\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\n\r\nexport default RollSim\r\n","import React from 'react'\r\nimport { Header } from 'semantic-ui-react'\r\nimport RollSim from './RollSim'\r\n\r\nimport bridge from '../../img/s1Maps/bridge.png'\r\nimport depot from '../../img/s1Maps/depot.png'\r\nimport heights from '../../img/s1Maps/heights.png'\r\nimport mahi from '../../img/s1Maps/mahi.png'\r\nimport museum from '../../img/s1Maps/museum.png'\r\nimport rig from '../../img/s1Maps/rig.png'\r\nimport underpass from '../../img/s1Maps/underpass.png'\r\n\r\nconst NotFound = () => {\r\n const maps = [\r\n {\r\n name: 'Hammerhead Bridge',\r\n img: bridge\r\n },\r\n {\r\n name: 'Bluefin Depot',\r\n img: depot\r\n },\r\n {\r\n name: 'Flounder Heights',\r\n img: heights\r\n },\r\n {\r\n name: 'Mahi-Mahi Resort',\r\n img: mahi\r\n },\r\n {\r\n name: 'Museum d\\'Alfonsino',\r\n img: museum\r\n },\r\n {\r\n name: 'Saltspray Rig',\r\n img: rig\r\n },\r\n {\r\n name: 'Urchin Underpass',\r\n img: underpass\r\n }\r\n ]\r\n const mapObject = maps[Math.floor(Math.random()*maps.length)]\r\n return (\r\n <>\r\n \r\n roll(\"HEAD\")}\r\n alt=\"\"\r\n />\r\n roll(\"HEAD\")}\r\n alt=\"\"\r\n />\r\n roll(\"HEAD\")}\r\n alt=\"\"\r\n />\r\n
\r\n \r\n roll(\"CLOTHING\")}\r\n />\r\n roll(\"CLOTHING\")}\r\n />\r\n roll(\"CLOTHING\")}\r\n />\r\n
\r\n \r\n roll(\"SHOES\")}\r\n />\r\n roll(\"SHOES\")}\r\n />\r\n roll(\"SHOES\")}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n 404 - Page not found \r\n
\r\n \r\n ...not unlike how {mapObject.name} can't be found in Splatoon 2\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default NotFound","import React from \"react\"\r\nimport { Popup } from \"semantic-ui-react\"\r\nimport { useSelector } from \"react-redux\"\r\nimport weaponDict from \"../../utils/english_internal.json\"\r\nimport { modes, months } from \"../../utils/lists\"\r\n\r\nconst FourWeapons = ({ weapons }) => {\r\n const localization = useSelector(state => state.localization)\r\n return (\r\n <>\r\n {weapons.map(w => {\r\n const mode = modes[w.mode]\r\n const month = months[w.month]\r\n return (\r\n \r\n
\r\n )\r\n }\r\n if (result.error) {\r\n return {result.error.message}
\r\n }\r\n document.title = `${weaponsField.substring(3)} Leaderboard - sendou.ink`\r\n const leaderboard = result.data[queryName]\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default WeaponLeaderboard\r\n","import { gql } from 'apollo-boost'\r\n\r\nexport const topTotalPlayers = gql`\r\n{\r\n topTotalPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topTotalScore\r\n topTotal {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topShooterPlayers = gql`\r\n{\r\n topShooterPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topShooterScore\r\n topShooter {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topBlasterPlayers = gql`\r\n{\r\n topBlasterPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topBlasterScore\r\n topBlaster {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topBrellaPlayers = gql`\r\n{\r\n topBrellaPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topBrellaScore\r\n topBrella {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topChargerPlayers = gql`\r\n{\r\n topChargerPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topChargerScore\r\n topCharger {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topDualiesPlayers = gql`\r\n{\r\n topDualiesPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topDualiesScore\r\n topDualies {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topRollerPlayers = gql`\r\n{\r\n topRollerPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topRollerScore\r\n topRoller {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topSlosherPlayers = gql`\r\n{\r\n topSlosherPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topSlosherScore\r\n topSlosher {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const topSplatlingPlayers = gql`\r\n{\r\n topSplatlingPlayers {\r\n id\r\n unique_id\r\n name\r\n alias\r\n twitter\r\n topSplatlingScore\r\n topSplatling {\r\n name\r\n weapon\r\n mode\r\n x_power\r\n rank\r\n month\r\n year\r\n }\r\n }\r\n}\r\n`","import React, { useState } from \"react\"\r\nimport { Menu, Responsive, Segment } from \"semantic-ui-react\"\r\nimport { Route, withRouter } from \"react-router-dom\"\r\nimport { useSelector } from \"react-redux\"\r\nimport WeaponLeaderboard from \"./WeaponLeaderboard\"\r\nimport { topTotalPlayers } from \"../../graphql/queries/topPlayers\"\r\nimport { topShooterPlayers } from \"../../graphql/queries/topShooters\"\r\nimport { topBlasterPlayers } from \"../../graphql/queries/topBlasters\"\r\nimport { topBrellaPlayers } from \"../../graphql/queries/topBrellas\"\r\nimport { topChargerPlayers } from \"../../graphql/queries/topChargers\"\r\nimport { topDualiesPlayers } from \"../../graphql/queries/topDualies\"\r\nimport { topRollerPlayers } from \"../../graphql/queries/topRollers\"\r\nimport { topSlosherPlayers } from \"../../graphql/queries/topSloshers\"\r\nimport { topSplatlingPlayers } from \"../../graphql/queries/topSplatlings\"\r\nimport allIcon from \"../../img/wpnIcons/all.png\"\r\nimport blasterIcon from \"../../img/wpnIcons/blasters.png\"\r\nimport brellaIcon from \"../../img/wpnIcons/brellas.png\"\r\nimport chargerIcon from \"../../img/wpnIcons/chargers.png\"\r\nimport dualieIcon from \"../../img/wpnIcons/dualies.png\"\r\nimport rollerIcon from \"../../img/wpnIcons/rollers.png\"\r\nimport shooterIcon from \"../../img/wpnIcons/shooters.png\"\r\nimport slosherIcon from \"../../img/wpnIcons/sloshers.png\"\r\nimport splatlingIcon from \"../../img/wpnIcons/splatlings.png\"\r\n\r\nconst PageXLeaderboard = withRouter(({ history, setMenuSelection }) => {\r\n const [activeItem, setActiveItem] = useState(\"\")\r\n const localization = useSelector(state => state.localization)\r\n const wpnIcon = {\r\n paddingBottom: \"5px\"\r\n }\r\n\r\n setMenuSelection(\"leaderboards\")\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {error.message}
\r\n if (loading && !data.searchForPlacements) return \r\n \r\n
\r\n {showForms && (\r\n \r\n
\r\n )}\r\n \r\n {localization[\"Name\"]}\r\n
\r\n setNameForm(e.target.value)}\r\n style={{ width: 200 }}\r\n maxLength={10}\r\n />\r\n
\r\n \r\n
\r\n {localization[\"ID\"]}\r\n
\r\n setIdForm(e.target.value)}\r\n style={{ width: 200 }}\r\n />\r\n
\r\n \r\n
\r\n {localization[\"Weapon\"]}\r\n
\r\n setWeaponForm(value)}\r\n content=\"MAINWEAPONS\"\r\n allowClear\r\n />\r\n
\r\n \r\n
\r\n {localization[\"Mode\"]}\r\n
\r\n setModeForm(e.target.value)}\r\n value={modeForm}\r\n >\r\n {localization[\"All Modes\"]} \r\n {localization[\"Splat Zones\"]} \r\n {localization[\"Tower Control\"]} \r\n {localization[\"Rainmaker\"]} \r\n {localization[\"Clam Blitz\"]} \r\n \r\n
\r\n \r\n
\r\n {`${localization[\"Month\"]} / ${localization[\"Year\"]}`}\r\n
\r\n setMonthForm(value)}\r\n />{\" \"}\r\n setYearForm(value)}\r\n />\r\n
\r\n \r\n
\r\n {\" \"}\r\n \r\n
\r\n \r\n setPage(page)\r\n }}\r\n rowKey=\"id\"\r\n scroll={{ x: true }}\r\n loading={loading}\r\n />\r\n
\r\n \r\n This user has no X Rank profile set up. If you are the owner of this user\r\n page here is how you can set it up:\r\n
\r\n )\r\n\r\n if (!uid && !twitter) return addXRankHelp\r\n\r\n if (loading) {\r\n return (\r\n \r\n
\r\n - \r\n
\r\n
\r\n )\r\n }\r\n if (error) {\r\n if (error.message === \"GraphQL error: player not found\") {\r\n return addXRankHelp\r\n }\r\n return {error.message}
\r\n }\r\n const playerData = data.playerInfo.player\r\n\r\n return (\r\n \r\n {setMenuSelection ? (\r\n \r\n {playerData.twitter ? (\r\n \r\n ) : null}\r\n {setMenuSelection && playerData.discord_id ? (\r\n <>\r\n User page\r\n
\r\n \r\n ) : null}\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default InfoPlayer\r\n","import { useEffect } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nfunction ScrollToTop({ history }) {\r\n useEffect(() => {\r\n const unlisten = history.listen(() => {\r\n window.scrollTo(0, 0)\r\n });\r\n return () => {\r\n unlisten()\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n return (null)\r\n}\r\n\r\nexport default withRouter(ScrollToTop)","import { gql } from 'apollo-boost'\r\n\r\nexport const maplists = gql`\r\n{\r\n maplists {\r\n name\r\n sz\r\n tc\r\n rm\r\n cb\r\n }\r\n}\r\n`","import React, { useEffect, useState, useRef } from \"react\"\r\nimport {\r\n Loader,\r\n Checkbox,\r\n Form,\r\n Header,\r\n List,\r\n Image,\r\n Divider,\r\n Icon,\r\n Grid,\r\n Input,\r\n Button,\r\n Label,\r\n Segment\r\n} from \"semantic-ui-react\"\r\nimport { useSelector } from \"react-redux\"\r\nimport { useQuery } from \"@apollo/react-hooks\"\r\nimport { maplists } from \"../../graphql/queries/maplists\"\r\nimport szIcon from \"../../img/modeIcons/sz.png\"\r\nimport tcIcon from \"../../img/modeIcons/tc.png\"\r\nimport rmIcon from \"../../img/modeIcons/rm.png\"\r\nimport cbIcon from \"../../img/modeIcons/cb.png\"\r\n\r\nconst PageMapListGenerator = ({ setMenuSelection }) => {\r\n const { data, error, loading } = useQuery(maplists)\r\n const [maps, setMaps] = useState([])\r\n const [boxValue, setBoxValue] = useState(0)\r\n const [mapValues, setMapValues] = useState([])\r\n const [amountToGenerate, setAmountToGenerate] = useState(12)\r\n const [generatedMaps, setGeneratedMaps] = useState([])\r\n const [generationType, setGenerationType] = useState(\"rotate\")\r\n const [copySuccess, setCopySuccess] = useState(\"\")\r\n const localization = useSelector(state => state.localization)\r\n const textAreaRef = useRef(null)\r\n\r\n useEffect(() => {\r\n if (loading) {\r\n return\r\n }\r\n setMenuSelection(\"maplists\")\r\n document.title = \"Maplist Generator - sendou.ink\"\r\n setMaps(data.maplists)\r\n\r\n setMapValues(\r\n data.maplists.reduce((acc, cur) => {\r\n return acc.concat({\r\n sz: new Array(cur.sz.length).fill(true),\r\n tc: new Array(cur.tc.length).fill(true),\r\n rm: new Array(cur.rm.length).fill(true),\r\n cb: new Array(cur.cb.length).fill(true)\r\n })\r\n }, [])\r\n )\r\n }, [data, loading, setMenuSelection])\r\n\r\n if (loading || maps.length === 0) {\r\n return (\r\n \r\n \r\n ) : null}\r\n
\r\n \r\n
\r\n \r\n {localization[\"All Top 500 placements\"]} \r\n
\r\n \r\n {localization[\"Weapons reached Top 500 with\"]} \r\n
\r\n \r\n
\r\n )\r\n }\r\n if (error) {\r\n return {error.message}
\r\n }\r\n\r\n function copyToClipboard(e) {\r\n textAreaRef.current.select()\r\n document.execCommand(\"copy\")\r\n e.target.focus()\r\n setCopySuccess(\"Copied!\")\r\n }\r\n\r\n function shuffle(a) {\r\n for (let i = a.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1))\r\n ;[a[i], a[j]] = [a[j], a[i]]\r\n }\r\n return a\r\n }\r\n\r\n const generateRandomMapPool = () => {\r\n const szMaps = maps[boxValue].sz.filter((m, i) => mapValues[boxValue].sz[i])\r\n const tcMaps = maps[boxValue].tc.filter((m, i) => mapValues[boxValue].tc[i])\r\n const rmMaps = maps[boxValue].rm.filter((m, i) => mapValues[boxValue].rm[i])\r\n const cbMaps = maps[boxValue].cb.filter((m, i) => mapValues[boxValue].cb[i])\r\n if (szMaps.length + tcMaps.length + rmMaps.length + cbMaps.length === 0) {\r\n return\r\n }\r\n\r\n let mapsWithModes = [\r\n ...szMaps.map(m => `${localization[\"Splat Zones\"]} - ${localization[m]}`),\r\n ...tcMaps.map(\r\n m => `${localization[\"Tower Control\"]} - ${localization[m]}`\r\n ),\r\n ...rmMaps.map(m => `${localization[\"Rainmaker\"]} - ${localization[m]}`),\r\n ...cbMaps.map(m => `${localization[\"Clam Blitz\"]} - ${localization[m]}`)\r\n ]\r\n const toSetAsState = []\r\n let usedMaps = []\r\n shuffle(mapsWithModes)\r\n\r\n for (let i = amountToGenerate; i > 0; i--) {\r\n if (mapsWithModes.length === 0) {\r\n shuffle(usedMaps)\r\n mapsWithModes = [...usedMaps]\r\n usedMaps = []\r\n }\r\n const modeMap = mapsWithModes.pop()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedMaps.push(modeMap)\r\n }\r\n\r\n setGeneratedMaps(toSetAsState)\r\n }\r\n\r\n const generateEvenMapPool = (szEveryOther = false) => {\r\n const szMaps = maps[boxValue].sz.filter((m, i) => mapValues[boxValue].sz[i])\r\n const tcMaps = maps[boxValue].tc.filter((m, i) => mapValues[boxValue].tc[i])\r\n const rmMaps = maps[boxValue].rm.filter((m, i) => mapValues[boxValue].rm[i])\r\n const cbMaps = maps[boxValue].cb.filter((m, i) => mapValues[boxValue].cb[i])\r\n\r\n if (szMaps.length + tcMaps.length + rmMaps.length + cbMaps.length === 0) {\r\n return\r\n }\r\n\r\n let szMapMode = [\r\n ...szMaps.map(m => `${localization[\"Splat Zones\"]} - ${localization[m]}`)\r\n ]\r\n let usedSz = []\r\n let tcMapMode = [\r\n ...tcMaps.map(\r\n m => `${localization[\"Tower Control\"]} - ${localization[m]}`\r\n )\r\n ]\r\n let usedTc = []\r\n let rmMapMode = [\r\n ...rmMaps.map(m => `${localization[\"Rainmaker\"]} - ${localization[m]}`)\r\n ]\r\n let usedRm = []\r\n let cbMapMode = [\r\n ...cbMaps.map(m => `${localization[\"Clam Blitz\"]} - ${localization[m]}`)\r\n ]\r\n let usedCb = []\r\n const toSetAsState = []\r\n\r\n let modes = []\r\n if (szMapMode.length !== 0) {\r\n shuffle(szMapMode)\r\n }\r\n if (tcMapMode.length !== 0) {\r\n modes.push(\"TOWER CONTROL\")\r\n shuffle(tcMapMode)\r\n }\r\n if (cbMapMode.length !== 0) {\r\n modes.push(\"CLAM BLITZ\")\r\n shuffle(cbMapMode)\r\n }\r\n if (rmMapMode.length !== 0) {\r\n modes.push(\"RAINMAKER\")\r\n shuffle(rmMapMode)\r\n }\r\n\r\n let szRemainder = modes.length + 1\r\n if (szEveryOther) {\r\n szRemainder = 2\r\n shuffle(modes) //not shuffled if sz->tc->cb->rm for host convenience\r\n }\r\n\r\n for (let i = amountToGenerate; i > 0; i--) {\r\n // replenishing map mode lists when half are used\r\n if (usedSz.length >= szMapMode.length && usedSz.length !== 0) {\r\n shuffle(usedSz)\r\n szMapMode = szMapMode.concat(usedSz)\r\n usedSz = []\r\n } else if (usedTc.length >= tcMapMode.length && usedTc.length !== 0) {\r\n shuffle(usedTc)\r\n tcMapMode = tcMapMode.concat(usedTc)\r\n usedTc = []\r\n } else if (usedRm.length >= rmMapMode.length && usedRm.length !== 0) {\r\n shuffle(usedRm)\r\n rmMapMode = rmMapMode.concat(usedRm)\r\n usedRm = []\r\n } else if (usedCb.length >= cbMapMode.length && usedCb.length !== 0) {\r\n shuffle(usedCb)\r\n cbMapMode = cbMapMode.concat(usedCb)\r\n usedCb = []\r\n }\r\n\r\n if (i % szRemainder === 0 && szMapMode.length !== 0) {\r\n //latter check is for if user selected 0 sz maps\r\n const modeMap = szMapMode.shift()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedSz.push(modeMap)\r\n continue\r\n }\r\n\r\n if (modes[0] === \"TOWER CONTROL\" && tcMapMode.length !== 0) {\r\n const modeMap = tcMapMode.shift()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedTc.push(modeMap)\r\n modes.push(modes.splice(0, 1)[0]) // move the mode to last\r\n continue\r\n }\r\n\r\n if (modes[0] === \"RAINMAKER\" && rmMapMode.length !== 0) {\r\n const modeMap = rmMapMode.shift()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedRm.push(modeMap)\r\n modes.push(modes.splice(0, 1)[0])\r\n continue\r\n }\r\n\r\n if (modes[0] === \"CLAM BLITZ\" && cbMapMode.length !== 0) {\r\n const modeMap = cbMapMode.shift()\r\n toSetAsState.push(`${toSetAsState.length + 1}) ${modeMap}`)\r\n usedCb.push(modeMap)\r\n modes.push(modes.splice(0, 1)[0])\r\n }\r\n }\r\n\r\n setGeneratedMaps(toSetAsState)\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
- \r\n {maps[boxValue].sz.map((m, i) => {\r\n return (\r\n
\r\n
- \r\n {maps[boxValue].tc.map((m, i) => {\r\n return (\r\n
\r\n
- \r\n {maps[boxValue].rm.map((m, i) => {\r\n return (\r\n
\r\n
- \r\n {maps[boxValue].cb.map((m, i) => {\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n setAmountToGenerate(e.target.value)}\r\n error={amountToGenerate < 1 || amountToGenerate > 100}\r\n />\r\n {amountToGenerate < 1 || amountToGenerate > 100 ? (\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n TC->CB->RM\"]}\r\n name=\"rotateMode\"\r\n checked={generationType === \"rotate\"}\r\n onChange={() => setGenerationType(\"rotate\")}\r\n />\r\n
\r\n setGenerationType(\"everyOther\")}\r\n />\r\n
\r\n setGenerationType(\"random\")}\r\n />\r\n \r\n
\r\n \r\n
\r\n
\r\n 100}\r\n onClick={() => {\r\n generationType === \"random\"\r\n ? generateRandomMapPool()\r\n : generateEvenMapPool(generationType === \"everyOther\")\r\n }}\r\n >\r\n {localization[\"Go!\"]}\r\n \r\n
\r\n \r\n {generatedMaps.length !== 0 ? (\r\n
\r\n \r\n
\r\n {document.queryCommandSupported(\"copy\") && (\r\n
\r\n ) : null}\r\n \r\n {document.queryCommandSupported(\"copy\") && (\r\n
\r\n \r\n {copySuccess}\r\n
\r\n )}\r\n \r\n
\r\n )\r\n }\r\n if (error || monthly.error) {\r\n return (\r\n \r\n {error ? error.message : null}{\" \"}\r\n {monthly.error ? monthly.error.message : null}\r\n
\r\n )\r\n }\r\n\r\n const monthlyMaps = monthly.data.maplists[0]\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n )\r\n })}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default PageRotations\r\n","import { gql } from 'apollo-boost'\r\n\r\nexport const links = gql`\r\n{\r\n links {\r\n title\r\n url\r\n description\r\n type\r\n }\r\n}\r\n`","import React from \"react\"\r\nimport { Icon, Header, Loader, List, Segment } from \"semantic-ui-react\"\r\nimport { useQuery } from \"@apollo/react-hooks\"\r\nimport { links } from \"../../graphql/queries/links\"\r\n\r\nconst Links = ({ setMenuSelection }) => {\r\n const { data, error, loading } = useQuery(links)\r\n\r\n setMenuSelection(\"links\")\r\n document.title = \"Links - sendou.ink\"\r\n\r\n if (loading) {\r\n return (\r\n \r\n
\r\n \r\n {rotation.gachi.map((r, i) => {\r\n //league maps references like so: rotation.league[i] - turf: rotation.normal[i]\r\n if (r.end_time < currentTime) {\r\n return null\r\n }\r\n const timeUntil = r.start_time - currentTime\r\n const hours = Math.floor(timeUntil / 3600)\r\n const minutes = Math.floor((timeUntil % 3600) / 60)\r\n let header = localization[\"Current\"]\r\n if (r.start_time > currentTime) {\r\n header = localization.formatString(\r\n localization[\"Rotation header\"],\r\n {\r\n hours,\r\n minutes,\r\n date: new Date(r.start_time * 1000).toLocaleString(\"en-GB\")\r\n }\r\n )\r\n }\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {header}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n if (error) {\r\n return {error.message}
\r\n }\r\n const linksData = data.links\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Links\r\n","import { gql } from 'apollo-boost'\r\n\r\nexport const searchForUser = gql`\r\nquery searchForUser($discord_id: String) {\r\n searchForUser(discord_id: $discord_id) {\r\n username\r\n discriminator\r\n discord_id\r\n avatar\r\n twitch_name\r\n twitter_name\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const addBuild = gql`\r\nmutation addBuild ($weapon: String!, $title: String, $headgear: [Ability!]!, $clothing: [Ability!]!, $shoes: [Ability!]!) {\r\n addBuild(\r\n weapon: $weapon,\r\n title: $title,\r\n headgear: $headgear,\r\n clothing: $clothing,\r\n shoes: $shoes\r\n ) {\r\n id\r\n weapon\r\n title\r\n headgear\r\n clothing\r\n shoes\r\n updatedAt\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const searchForBuilds = gql`\r\nquery searchForBuilds($discord_id: String!) {\r\n searchForBuilds(discord_id: $discord_id) {\r\n id\r\n weapon\r\n title\r\n headgear\r\n clothing\r\n shoes\r\n updatedAt\r\n top\r\n }\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const deleteBuild = gql`\r\nmutation deleteBuild ($id: ID!) {\r\n deleteBuild(id: $id)\r\n}\r\n`","import { gql } from 'apollo-boost'\r\n\r\nexport const updateBuild = gql`\r\nmutation updateBuild ($id: ID!, $weapon: String!, $title: String, $headgear: [Ability!]!, $clothing: [Ability!]!, $shoes: [Ability!]!) {\r\n updateBuild(\r\n id: $id,\r\n weapon: $weapon,\r\n title: $title,\r\n headgear: $headgear,\r\n clothing: $clothing,\r\n shoes: $shoes\r\n )\r\n}\r\n`","/* eslint-disable jsx-a11y/alt-text */\r\nimport React, { useState } from 'react'\r\nimport { Header, Segment, List, Grid, Button, Popup } from 'semantic-ui-react'\r\nimport weaponDict from '../../utils/english_internal.json'\r\nimport BuildForm from './BuildForm'\r\nimport { useSelector } from 'react-redux'\r\n\r\nimport BDU from '../../img/abilityIcons/BDU.png'\r\nimport BRU from '../../img/abilityIcons/BRU.png'\r\nimport CB from '../../img/abilityIcons/CB.png'\r\nimport DR from '../../img/abilityIcons/DR.png'\r\nimport H from '../../img/abilityIcons/H.png'\r\nimport ISM from '../../img/abilityIcons/ISM.png'\r\nimport ISS from '../../img/abilityIcons/ISS.png'\r\nimport LDE from '../../img/abilityIcons/LDE.png'\r\nimport MPU from '../../img/abilityIcons/MPU.png'\r\nimport NS from '../../img/abilityIcons/NS.png'\r\nimport OG from '../../img/abilityIcons/OG.png'\r\nimport QR from '../../img/abilityIcons/QR.png'\r\nimport QSJ from '../../img/abilityIcons/QSJ.png'\r\nimport REC from '../../img/abilityIcons/REC.png'\r\nimport RES from '../../img/abilityIcons/RES.png'\r\nimport RP from '../../img/abilityIcons/RP.png'\r\nimport RSU from '../../img/abilityIcons/RSU.png'\r\nimport SCU from '../../img/abilityIcons/SCU.png'\r\nimport SJ from '../../img/abilityIcons/SJ.png'\r\nimport SPU from '../../img/abilityIcons/SPU.png'\r\nimport SS from '../../img/abilityIcons/SS.png'\r\nimport SSU from '../../img/abilityIcons/SSU.png'\r\nimport T from '../../img/abilityIcons/T.png'\r\nimport TI from '../../img/abilityIcons/TI.png'\r\nimport OS from '../../img/abilityIcons/OS.png'\r\nimport EMPTY from '../../img/abilityIcons/EMPTY.png'\r\n\r\nconst Build = ({ build, existingAbilities, setAbilities, removeBuildFunction, editBuildFunction }) => {\r\n const localization = useSelector(state => state.localization)\r\n const [showEdit, setShowEdit] = useState(false)\r\n\r\n if (showEdit) return \r\n
\r\n \r\n \r\n Discord \r\n \r\n
\r\n - \r\n {linksData.map(l => {\r\n if (l.type !== \"DISCORD\") {\r\n return null\r\n }\r\n return (\r\n
\r\n \r\n Guides \r\n \r\n
\r\n - \r\n {linksData.map(l => {\r\n if (l.type !== \"GUIDE\") {\r\n return null\r\n }\r\n return (\r\n
\r\n \r\n Misc \r\n \r\n
\r\n - \r\n {linksData.map(l => {\r\n if (l.type !== \"MISC\") {\r\n return null\r\n }\r\n return (\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Build","/* eslint-disable jsx-a11y/alt-text */\r\nimport React from 'react'\r\nimport { Button } from 'semantic-ui-react'\r\n\r\nimport BDU from '../../img/abilityIcons/BDU.png'\r\nimport BRU from '../../img/abilityIcons/BRU.png'\r\nimport CB from '../../img/abilityIcons/CB.png'\r\nimport DR from '../../img/abilityIcons/DR.png'\r\nimport H from '../../img/abilityIcons/H.png'\r\nimport ISM from '../../img/abilityIcons/ISM.png'\r\nimport ISS from '../../img/abilityIcons/ISS.png'\r\nimport LDE from '../../img/abilityIcons/LDE.png'\r\nimport MPU from '../../img/abilityIcons/MPU.png'\r\nimport NS from '../../img/abilityIcons/NS.png'\r\nimport OG from '../../img/abilityIcons/OG.png'\r\nimport QR from '../../img/abilityIcons/QR.png'\r\nimport QSJ from '../../img/abilityIcons/QSJ.png'\r\nimport REC from '../../img/abilityIcons/REC.png'\r\nimport RES from '../../img/abilityIcons/RES.png'\r\nimport RP from '../../img/abilityIcons/RP.png'\r\nimport RSU from '../../img/abilityIcons/RSU.png'\r\nimport SCU from '../../img/abilityIcons/SCU.png'\r\nimport SJ from '../../img/abilityIcons/SJ.png'\r\nimport SPU from '../../img/abilityIcons/SPU.png'\r\nimport SS from '../../img/abilityIcons/SS.png'\r\nimport SSU from '../../img/abilityIcons/SSU.png'\r\nimport T from '../../img/abilityIcons/T.png'\r\nimport TI from '../../img/abilityIcons/TI.png'\r\nimport OS from '../../img/abilityIcons/OS.png'\r\n\r\nconst headOnly = [\"CB\", \"LDE\", \"OG\", \"T\"]\r\nconst clothingOnly = [\"H\", \"NS\", \"TI\", \"RP\"]\r\nconst shoesOnly = [\"DR\", \"SJ\", \"OS\"]\r\n\r\nconst AbilityButton = ({ abilities, setAbilities }) => {\r\n function handleClick(abilityName) {\r\n let copyOfArray = [...abilities]\r\n if (headOnly.includes(abilityName)) {\r\n if (abilities[0][0] === \"\") {\r\n copyOfArray[0][0] = abilityName\r\n }\r\n } else if (clothingOnly.includes(abilityName)) {\r\n if (abilities[1][0] === \"\") {\r\n copyOfArray[1][0] = abilityName\r\n }\r\n } else if (shoesOnly.includes(abilityName)) {\r\n if (abilities[2][0] === \"\") {\r\n copyOfArray[2][0] = abilityName\r\n }\r\n } else {\r\n for (let i = 0; i < abilities.length; i++) {\r\n for (let j = 0; j < abilities[i].length; j++) {\r\n const element = abilities[i][j]\r\n if (element === \"\") {\r\n copyOfArray[i][j] = abilityName\r\n setAbilities(copyOfArray)\r\n return\r\n }\r\n }\r\n }\r\n }\r\n setAbilities(copyOfArray)\r\n }\r\n return (\r\n \r\n \r\n {buildTitle}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {setAbilities ? null : {new Date(parseInt(build.updatedAt)).toLocaleString()}} \r\n {removeBuildFunction ? //if they can remove they can edit\r\n \r\n \r\n \r\n
\r\n \r\n {build.headgear.map(abilityMap, {gearIndex: 0})}\r\n
\r\n \r\n {build.clothing.map(abilityMap, {gearIndex: 1})}\r\n
\r\n \r\n {build.shoes.map(abilityMap, {gearIndex: 2})}\r\n
\r\n - \r\n {arrayOfSortedAbilityPoints().map(a =>
\r\n {/*main only*/}\r\n
\r\n )\r\n}\r\n\r\nexport default AbilityButton","import React, { useState } from 'react'\r\nimport { Form, Message, Button } from 'semantic-ui-react'\r\nimport Select from '../elements/Select'\r\nimport Build from './Build'\r\nimport AbilityButtons from './AbilityButtons'\r\nimport { useSelector } from 'react-redux'\r\n\r\nconst BuildForm = ({ addBuild, setShowForm, setSuccessMsg, existingBuild, setShowEdit, editBuildFunction }) => {\r\n const localization = useSelector(state => state.localization)\r\n const [weaponForm, setWeaponForm] = useState(existingBuild ? existingBuild.weapon : '')\r\n const [title, setTitle] = useState(existingBuild && existingBuild.title ? existingBuild.title : '')\r\n const [abilities, setAbilities] = useState(existingBuild ? [[...existingBuild.headgear], [...existingBuild.clothing], [...existingBuild.shoes]] : [[\"\", \"\", \"\", \"\"], [\"\", \"\", \"\", \"\"], [\"\", \"\", \"\", \"\"]])\r\n\r\n const build = {\r\n id: existingBuild ? existingBuild.id : null,\r\n weapon: weaponForm,\r\n title,\r\n headgear: abilities[0],\r\n clothing: abilities[1],\r\n shoes: abilities[2]\r\n }\r\n\r\n const submit = async (e) => {\r\n e.preventDefault()\r\n\r\n let buildToAdd = {...build}\r\n if (buildToAdd.title === '') delete buildToAdd.title\r\n\r\n await addBuild({\r\n variables: { ...buildToAdd }\r\n })\r\n\r\n setWeaponForm('')\r\n setTitle('')\r\n setAbilities([[\"\", \"\", \"\", \"\"], [\"\", \"\", \"\", \"\"], [\"\", \"\", \"\", \"\"]])\r\n setSuccessMsg(localization['New build succesfully added!'])\r\n setTimeout(() => { setSuccessMsg(null) }, 10000)\r\n setShowForm(false)\r\n }\r\n \r\n function isBuildComplete() {\r\n if (title.length > 100) return false\r\n if (weaponForm === '') return false\r\n for (let i = 0; i < abilities.length; i++) {\r\n for (let j = 0; j < abilities[i].length; j++) {\r\n const element = abilities[i][j]\r\n if (element === \"\") {\r\n return false\r\n }\r\n }\r\n }\r\n return true\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/*stackables*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default BuildForm","import React, { useState } from 'react'\r\nimport { useQuery, useMutation } from '@apollo/react-hooks'\r\nimport { Button, Loader, Message } from 'semantic-ui-react'\r\n\r\nimport { addBuild } from '../../graphql/mutations/addBuild'\r\nimport { searchForBuilds } from '../../graphql/queries/searchForBuilds'\r\nimport { deleteBuild } from '../../graphql/mutations/deleteBuild'\r\nimport { updateBuild } from '../../graphql/mutations/updateBuild'\r\nimport BuildForm from './BuildForm'\r\nimport Build from './Build'\r\n\r\nconst BuildTab = ({ user, userViewed }) => {\r\n const { data, error, loading } = useQuery(searchForBuilds, {variables: { discord_id: userViewed.discord_id }})\r\n const [ errorMsg, setErrorMsg ] = useState(null)\r\n const [ successMsg, setSuccessMsg ] = useState(null)\r\n const [ showForm, setShowForm ] = useState(false)\r\n\r\n const handleError = (error) => {\r\n errorMsg(error.graphQLErrors[0].message)\r\n setTimeout(() => {\r\n setErrorMsg(null)\r\n }, 10000)\r\n }\r\n\r\n const [addBuildMutation] = useMutation(addBuild, {\r\n onError: handleError,\r\n refetchQueries: [{ query: searchForBuilds, variables: { discord_id: userViewed.discord_id }} ]\r\n })\r\n\r\n const [deleteBuildMutation] = useMutation(deleteBuild, {\r\n onError: handleError,\r\n refetchQueries: [{ query: searchForBuilds, variables: { discord_id: userViewed.discord_id }} ]\r\n })\r\n\r\n const [editBuildMutation] = useMutation(updateBuild, {\r\n onError: handleError,\r\n refetchQueries: [{ query: searchForBuilds, variables: { discord_id: userViewed.discord_id }} ]\r\n })\r\n\r\n const deleteBuildById = async ({ id, title, weapon }) => {\r\n await deleteBuildMutation({\r\n variables: { id }\r\n })\r\n\r\n const buildTitle = title ? title : `${weapon} build`\r\n \r\n setSuccessMsg(`Successfully deleted ${buildTitle}`)\r\n setTimeout(() => { setSuccessMsg(null) }, 10000)\r\n }\r\n\r\n const editBuildById = async (build) => {\r\n await editBuildMutation({\r\n variables: { ...build }\r\n })\r\n \r\n setSuccessMsg('Build successfully edited')\r\n setTimeout(() => { setSuccessMsg(null) }, 10000)\r\n }\r\n\r\n if (loading) {\r\n return \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {editBuildFunction ?\r\n <> \r\n :\r\n \r\n }\r\n
\r\n {error.message}
\r\n }\r\n\r\n const removeBuildFunction = user && user.discord_id === userViewed.discord_id ? deleteBuildById : null\r\n const editBuildFunction = user && user.discord_id === userViewed.discord_id ? editBuildById : null\r\n\r\n return (\r\n \r\n {successMsg ?\r\n
\r\n )\r\n}\r\n\r\nexport default BuildTab","import React from \"react\"\r\nimport { Tab, Image, Loader, List, Grid } from \"semantic-ui-react\"\r\nimport { Redirect } from \"react-router-dom\"\r\nimport { useQuery } from \"@apollo/react-hooks\"\r\nimport { searchForUser } from \"../../graphql/queries/searchForUser\"\r\nimport { userLean } from \"../../graphql/queries/userLean\"\r\nimport InfoPlayer from \"../../components/XSearch/InfoPlayer\"\r\nimport BuildTab from \"./BuildTab\"\r\nimport { useSelector } from \"react-redux\"\r\n\r\nconst UserPage = ({ userIdOrName }) => {\r\n const localization = useSelector(state => state.localization)\r\n const { data, error, loading } = useQuery(searchForUser, {\r\n variables: { discord_id: userIdOrName }\r\n })\r\n const userLeanQuery = useQuery(userLean)\r\n\r\n if (loading || userLeanQuery.loading) {\r\n return (\r\n \r\n
: null}\r\n \r\n {data.searchForBuilds.length >= 100 && user && user.discord_id === userViewed.discord_id ? 'Looks like you have 100 buids. Insane flex. Delete a build before adding a new one.' : null}\r\n {!user || user.discord_id !== userViewed.discord_id || data.searchForBuilds.length >= 100 ? \r\n null : \r\n
\r\n \r\n {data.searchForBuilds.map(b => \r\n
\r\n \r\n
)}\r\n {data.searchForBuilds.length === 0 ? 'So far this user has no builds!' : null}\r\n \r\n
\r\n )\r\n }\r\n\r\n if (error) {\r\n return {error.message}
\r\n }\r\n\r\n if (userLeanQuery.error) {\r\n return {userLeanQuery.error.message}
\r\n }\r\n\r\n const userData = data.searchForUser\r\n if (!userData) return \r\n
\r\n )\r\n}\r\n\r\nexport default UserPage\r\n","import React from \"react\"\r\nimport { Header, Image, Segment } from \"semantic-ui-react\"\r\nimport { Link } from \"react-router-dom\"\r\nimport koshienBanner from \"../../img/misc/koshienBanner.png\"\r\n\r\nconst PageHome = ({ setMenuSelection }) => {\r\n setMenuSelection(\"home\")\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n Competitive Splatoon Hub \r\n \r\n
\r\n \r\n \r\n Map planner\r\n {\" \"}\r\n - Draw on Splatoon 2 maps to show your teammates or anyone else what\r\n your plan is. Supports free drawing, shapes and inserting any weapon\r\n from the game on the canvas.\r\n
\r\n \r\n \r\n Maplists\r\n {\" \"}\r\n - Generate a maplist to use when scrimming. You can choose the map\r\n pool to be used including monthly ranked maps or an upcoming event.\r\n Any maps you don't feel like you need to practice can be excluded\r\n from the pool.\r\n
\r\n \r\n \r\n Rotation\r\n {\" \"}\r\n - View upcoming Splatoon 2 rotations up to 24 hours in advance. Have\r\n some maps you'd rather not play in ranked? You can set those as\r\n unfavored maps (log in not required). If a rotation contains your\r\n unfavored maps you can easily tell at a glance.\r\n
\r\n \r\n \r\n Leaderboards\r\n {\" \"}\r\n - Browse through X Rank Top 500 Leaderboards. There is a leaderboard\r\n for each weapon class where players are ranked by the average of\r\n their top four powers.\r\n
\r\n \r\n \r\n Top 500 Search\r\n {\" \"}\r\n - Search through X Rank Top 500 results. You can choose any weapon\r\n to find out the top performing players with it. Another way is to\r\n search for a player name if you are curious how a specific player\r\n has performed in the past.\r\n
\r\n \r\n \r\n X Rank Trends\r\n {\" \"}\r\n - Compare weapons on a chart based on how many times they finished\r\n in the Top 500 of X Rank. You can also combine weapon data freely.\r\n
\r\n \r\n \r\n Calendar\r\n {\" \"}\r\n - Discover all the upcoming events in competitive Splatoon.\r\n
\r\n \r\n \r\n Links\r\n {\" \"}\r\n - Discover useful resources related to competitive Splatoon.\r\n
\r\n \r\n If you login you can add gear builds on your user page. As a\r\n reference you can take a look at my{\" \"}\r\n page.\r\n
\r\n \r\n
\r\n {headAbilities.map(parseIntoAbilityIcons)}
\r\n{clothingAbilities.map(parseIntoAbilityIcons)}
\r\n{shoesAbilities.map(parseIntoAbilityIcons)}
\r\n {userName}\r\n {lastUpdated}\r\n
{error.message}
\r\n if (loading) return \r\n {pageCount > 1 && setPage(page)} total={pageCount * 10} />}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default BuildsList\r\n","import React, { useState, useEffect } from 'react'\r\nimport { PageHeader } from 'antd'\r\nimport { Segment } from 'semantic-ui-react'\r\nimport { withRouter } from \"react-router-dom\"\r\nimport { useSelector } from 'react-redux'\r\n\r\nimport Select from '../elements/Select'\r\nimport BuildsList from '../Tools/BuildsList'\r\n\r\nconst PageBuilds = withRouter(({ history, weaponFromUrl, setMenuSelection }) => {\r\n const [weapon, setWeapon] = useState(weaponFromUrl ? weaponFromUrl : null)\r\n const localization = useSelector(state => state.localization)\r\n\r\n const handleFormChange = (value) => {\r\n setWeapon(value)\r\n history.push(`/builds/${value.replace(/ /g, \"_\")}`)\r\n }\r\n\r\n useEffect(() => {\r\n if (!weapon) document.title = `${localization[\"Builds\"]} - sendou.ink`\r\n setMenuSelection(\"builds\")\r\n }, [localization, weapon, setMenuSelection])\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {weaponFromUrl &&
\r\n {error.message}
\r\n }\r\n\r\n const user = data.user\r\n\r\n if (!user || user.discord_id !== \"79237403620945920\") return \r\n Add Twitter for a player \r\n Enter unique id: setUid(event.target.value)}/>\r\n Enter Twitter setTwitter(event.target.value)}/>\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Admin","import React, { useState, useEffect, useRef } from 'react'\r\nimport { Button, Segment } from 'semantic-ui-react'\r\nimport jstz from 'jstz'\r\nimport { useSelector } from 'react-redux'\r\n\r\nimport useWindowDimensions from '../hooks/useWindowDimensions'\r\n\r\nconst PageCalendar = ({ setMenuSelection }) => {\r\n const localization = useSelector(state => state.localization)\r\n const [showCode, setShowCode] = useState(false)\r\n const { containerWidth } = useWindowDimensions()\r\n const calenderDiv = useRef(null)\r\n\r\n const iFrameHTML = ``\r\n\r\n //This is a weird solution but I couldn't get it working just setting the iframe src from a variable\r\n useEffect(() => {\r\n setMenuSelection('calendar')\r\n document.title = 'Competitive Calendar - sendou.ink'\r\n calenderDiv.current.innerHTML = iFrameHTML\r\n }, [setMenuSelection, iFrameHTML])\r\n\r\n return (\r\n \r\n \r\n If an event is missing you can contact Kbot about it.
\r\n You can add the calendar to your personal Google Calendar by pressing the plus button above. If you are using other kind of calendar program you can try this link instead.\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default PageCalendar","import React from 'react'\r\nimport { Segment } from 'semantic-ui-react'\r\nimport { useSelector } from \"react-redux\"\r\n\r\nconst PageAbout = () => {\r\n const localization = useSelector(state => state.localization)\r\n return (\r\n \r\n \r\n {showCode \r\n && \r\n \r\n \r\n 💰 - {localization[\"Has prizes\"]}
\r\n }\r\n
\r\n \r\n \r\n 💰 - {localization[\"Has prizes\"]}
\r\n 🎭 - {localization[\"Unconventional ruleset\"]}
\r\n 🔒 - {localization[\"Limited registration\"]}
\r\n 🎲 - {localization[\"Solo registration available\"]}
\r\n 👀 - {localization[\"No open registration\"]}\r\n
\r\n \r\n You can add the calendar to your personal Google Calendar by pressing the plus button above. If you are using other kind of calendar program you can try this link instead.\r\n
\r\n
\r\n \r\n {localization['Goal']}\r\n
\r\n\r\n
{localization['Help']}
\r\n {localization[\"Ask on Discord\"]}: https://discord.gg/J6NqUvt\r\n \r\n\r\n
{localization[\"Thanks to\"]}
\r\n- \r\n
- Lean (provided the Top 500 X Rank data) \r\n
- zorg (provided background pictures for the map planner) \r\n
- splatoon2.ink (provided rotations data) \r\n
- Jiko (Chinese translation) \r\n
- Yani (Chinese translation) \r\n
- Kassy (Spanish translation) \r\n
- Yuza (German translation) \r\n
- Erfes (Russian translation) \r\n
- Volto (Italian translation) \r\n
- Pretto (Italian translation) \r\n
+
+ )
return (