'+t+"
"}catch(i){a+=""+t+"
\r\n
\r\n );\r\n}\r\n\r\nexport default LandingPage;","import React from \"react\";\r\n\r\nclass Team extends React.Component {\r\n render() {\r\n return (\r\n <>\r\n Welcome to ARAM Generator
\r\nSign in to be able to generate random ARAM tournaments\r\n or generate single games from the link below.\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 TournamentCreationPage;\r\n","import React from \"react\";\r\n\r\nclass Match extends React.Component {\r\n render() {\r\n return (\r\n Tournament Creation
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n | Team Name | \r\nSummoner #1 | \r\nSummoner #2 | \r\nSummoner #3 | \r\nSummoner #4 | \r\nSummoner #5 | \r\n\r\n | \r\n |
|---|
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default TournamentPage;","import React, { useState } from \"react\";\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nconst LoginPage = () => {\r\n const history = useHistory();\r\n\r\n const [state, setState] = useState({\r\n formData: { username: '', password: '' },\r\n error: { username: null, password: null }\r\n });\r\n\r\n // Set state on input field change\r\n const onInputChange = (name, value) => {\r\n setState({\r\n ...state,\r\n formData: {\r\n ...state.formData,\r\n [name]: value\r\n }\r\n });\r\n };\r\n\r\n // Do api call on login form submission\r\n const onSubmit = () => {\r\n fetch(`/login`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({\r\n username: state.formData.username,\r\n password: state.formData.password\r\n }),\r\n credentials: 'include'\r\n }).then(async function (response) {\r\n const data = await response.json();\r\n\r\n // Set any errors with user input\r\n if (data.error) {\r\n setState({\r\n ...state,\r\n error: {\r\n ...state.error,\r\n ...data.error\r\n }\r\n });\r\n return;\r\n }\r\n\r\n // Redirect to page on login\r\n if (data.loggedIn) {\r\n console.log('Logged in');\r\n history.push(`/tournament-create/${data.id}`)\r\n }\r\n }).catch((err) => {\r\n alert('Login Request failed');\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n Matches
\r\n\r\n \r\n \r\n
\r\n
\r\n | Teams | \r\nTeam 1 Champions | \r\nTeam 2 Champions | \r\n
|---|
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default LoginPage;","import React, { useState, useCallback } from \"react\";\r\nimport { useHistory } from \"react-router\";\r\n\r\nconst RegisterPage = () => {\r\n const history = useHistory();\r\n const [state, setState] = useState({\r\n formData: {\r\n username: '',\r\n password: '',\r\n confirmPassword: ''\r\n },\r\n error: {\r\n username: null,\r\n password: null\r\n }\r\n });\r\n\r\n // Change state when user types in a text box\r\n const onInputChange = useCallback((name, value) => {\r\n setState({\r\n ...state,\r\n formData: {\r\n ...state.formData,\r\n [name]: value\r\n }\r\n });\r\n }, [state, setState]);\r\n\r\n const onSubmit = useCallback((e) => {\r\n e.preventDefault();\r\n console.log('Register form submission');\r\n\r\n fetch(`/register`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify({\r\n username: state.formData.username,\r\n password: state.formData.password,\r\n confirmPassword: state.formData.confirmPassword\r\n }),\r\n credentials: 'include'\r\n })\r\n .then(async function (response) {\r\n const data = await response.json();\r\n\r\n if (data.loggedIn) {\r\n console.log('Registered');\r\n history.push(`/tournament-create/${data.id}`);\r\n }\r\n\r\n if (data.error) {\r\n setState({\r\n ...state,\r\n error: {\r\n ...state.error,\r\n ...data.error\r\n }\r\n });\r\n return;\r\n }\r\n });\r\n }, [state, history]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Login
\r\n\r\n
\r\n \r\n {/* Login form */}\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default RegisterPage;","import React from \"react\";\r\n\r\n// Basic error page.\r\nconst ErrorPage = ({ errorCode, errorMessage }) => {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Register
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n {errorCode}
\r\n{errorMessage}
\r\n \r\n );\r\n}\r\n\r\nexport default ErrorPage;","import React, { useState } from \"react\";\r\n\r\nfunction importAll(r) {\r\n let images = {};\r\n r.keys().map((item, index) => images[item.replace('./', '')] = r(item));\r\n return images;\r\n}\r\n\r\nconst blue_images = importAll(require.context('../img/blue_champs', false, /\\.(png|jpe?g|svg)$/));\r\nconst red_images = importAll(require.context('../img/red_champs', false, /\\.(png|jpe?g|svg)$/));\r\n\r\nconst SinglePage = () => {\r\n const [state, setState] = useState({\r\n formData: { blueSums: '', redSums: '', blueChamps: '', redChamps: '', blueDraft: '', redDraft: '' }\r\n });\r\n\r\n const [btnDisable, setBtnDisable] = useState(false);\r\n\r\n const onInputChange = (name, value) => {\r\n setState({\r\n ...state,\r\n formData: {\r\n ...state.formData,\r\n [name]: value\r\n }\r\n });\r\n };\r\n\r\n const checkFive = (input) => {\r\n\r\n let split = input.split(\",\");\r\n if (split.length !== 5) {\r\n return false;\r\n }\r\n\r\n //remove all spaces\r\n split.map(e => e.trim());\r\n\r\n return split;\r\n }\r\n\r\n\r\n const formatChamps = (input, images) => {\r\n let element = '';\r\n\r\n input.forEach(e => {\r\n let name = e + '.png';\r\n name = name.replace(/ /g, \"_\");\r\n name = name.replace('\\'', \"\");\r\n console.log(name.toLocaleLowerCase(), images[name.toLocaleLowerCase()]);\r\n try {\r\n element += '' + e + '
' + e + '
\r\n
Champion Pool Generator
\r\nEnter the usernames separated by comma in each text box\r\n
\r\n\r\n