\n \n
\n\n \n You might know me for my{\" \"}\n \n psychic abilities during the 2010 World Cup\n \n . These days I spend my time hosting a website where you can emulate\n me.\n
\n\n \n To play, all you have to do is predict the score. Sounds simple, but\n football is a notoriously slippery game.\n
\n\n How to play \n\n \n The
\n\n \n First off, head to the{\" \"}\n
\n\n Rules \n\n \n All predictions must be entered 15 minutes before kickoff. After this\n deadline, you can see everyone else's predictions.\n
\n\n \n Any goals scored in extra time count towards the final score, but\n penalties in a shootout do not. For example, if the score after 90\n minutes is 1-1 and after extra time it's 2-2, with one team winning\n 4-3 on penalties, then your prediction will be compared against the\n final score of 2-2.\n
\n\n Scoring \n \n \n \n {\" \"}\n if you get the score exactly right (e.g. you predict 2-0 and it\n finishes 2-0)\n \n \n \n {\" \"}\n if you get the result right (e.g. you predict 2-0 and it finishes\n 2-1)\n \n \n \n {\" \"}\n if you get one team's score right (e.g. you predict 2-0 and it\n finishes 0-0)\n \n \n \n {\" \"}\n if you get it wrong (e.g. you predict 2-0 and it finishes 1-2)\n \n \n\n Help \n\n \n If you have any questions about the site, or want help using it,\n please email
\n\n \n If you would like to receive email reminders if you forget to enter\n predictions, there is a setting on{\" \"}\n
\n\n PTO uses icons from the following places:
\n\n \n\n \n Nerds might be interested in the fact that this is PTO build{\" \"}\n {parseInt(process.env.REACT_APP_BUILD_NUMBER, 10)} based on commit{\" \"}\n {process.env.REACT_APP_COMMIT_ID.substring(0, 7)}.\n
\n \n \n );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport Nav, { navPages } from \"../Components/Nav\";\nimport Main from \"../Components/Main\";\nimport { getAdminPage } from \"../PtoApi\";\nimport {\n getAdminRoundsUrl,\n getAdminEditMatchesUrl,\n getAdminFinalScoresUrl,\n getAdminPlayersUrl,\n} from \"../Urls\";\nimport Skeleton from \"react-loading-skeleton\";\n\nexport default function AdminPage(props) {\n const [tournament, setTournament] = useState(null);\n const [round, setRound] = useState(null);\n\n useEffect(() => {\n const fetchData = async () => {\n // Clear previous values\n setTournament(null);\n setRound(null);\n\n const response = await getAdminPage();\n const json = await response.json();\n\n setTournament(json.tournament);\n setRound(json.round);\n };\n\n fetchData();\n }, []);\n\n return (\n <>\n