{"version":3,"sources":["components/Header/Header.js","components/Player/Player.js","components/Summary/Summary.js","components/Profile/Profile.js","App.js","serviceWorker.js","index.js"],"names":["Header","className","src","alt","href","Player","props","player","name","imgLink","info","email","phone","yearlyIncome","width","onClick","handleAddPlayer","icon","faPlus","Summary","playerList","totalSalary","i","length","Number","Profile","people","sort","Math","random","console","log","newPlayer","setPlayerList","useState","map","App","Boolean","window","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","message"],"mappings":"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","file":"static/js/main.a71427fb.chunk.js","sourcesContent":["import React from 'react';\r\nimport './Header.css';\r\n\r\nconst Header = () => {\r\n return (\r\n
\r\n\r\n \"\"/\r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Header;","import React from 'react';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPlus } from '@fortawesome/free-solid-svg-icons';\r\nimport './Player.css';\r\n\r\n\r\nconst Player = (props) => {\r\n\r\n \r\n\r\n const{name,imgLink,info,email,phone, yearlyIncome} = props.player;\r\n\r\n\r\n return (
\r\n\r\n
\r\n \"\"\r\n

{name}

\r\n

{info}

\r\n
\r\n
\r\n

Email: {email}

\r\n

Phone: {phone}

\r\n

Annual Salary: ${yearlyIncome}

\r\n
\r\n

props.handleAddPlayer(props.player)}\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 Player;","import React from 'react';\r\nimport \"./Summary.css\"\r\n\r\nconst Summary = (props) => {\r\n\r\n const playerList = props.playerList;\r\n\r\n\r\n let totalSalary =0;\r\n\r\n for (let i = 0; i< playerList.length; i++){\r\n const player = playerList[i];\r\n const yearInc = Number(player.yearlyIncome);\r\n \r\n totalSalary = totalSalary + yearInc ;\r\n\r\n }\r\n\r\n\r\n\r\n\r\n return (\r\n
\r\n
\r\n\r\n

{playerList.length}

\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n

${totalSalary}

\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 Summary;","import React, { useState } from 'react';\r\nimport './Profile.css';\r\nimport Player from '../Player/Player';\r\nimport Summary from '../Summary/Summary';\r\n\r\nconst Profile = () => {\r\n\r\n\r\n const people = [\r\n {name: 'AB de Villiers', email:'abd@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/987410090532597760/g_6uAxKw_400x400.jpg\"},\r\n {name: 'Rohit Sharma', email:'rohit@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/767862037921738752/79mqV-6l_400x400.jpg\"},\r\n {name: 'Tamim Iqbal Khan', email:'tamim@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/709636701363109889/SGpBOwwV_400x400.jpg\"},\r\n \r\n {name: 'Mushfiqur Rahim', email:'musfiq@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/1218937235438858245/V8WDef6R_400x400.jpg\"},\r\n {name: 'Virat Kohli', email:'virat@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/1192077703609868289/huwMRG1W_400x400.jpg\"},\r\n {name: 'Shakib Al Hasan', email:'sakib@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/1133083380394991616/ISgUjSsA_400x400.jpg\"},\r\n \r\n {name: 'Dale Steyn', email:'steyn@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/684080046747860992/C-Qt7lWy_400x400.jpg\"},\r\n {name: 'Shane Watson', email:'watson@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/1184308632512413696/mu2g5FGR_400x400.jpg\"},\r\n {name: 'Glenn Maxwell', email:'maxwell@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/584650965963280384/GbHkOlKK_400x400.jpg\"},\r\n \r\n {name: 'Steve Smith', email:'smith@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/955589526268755968/GCFvb2h__400x400.jpg\"},\r\n {name: 'David Warner', email:'warner@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/1145739496744542214/bxqrk2ls_400x400.jpg\"},\r\n {name: 'Kevin Pietersen', email:'petersen@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/1203217092872290304/MTqdVxT8_400x400.jpg\"},\r\n \r\n {name: 'Michael Clarke', email:'clarke@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/908915612356829184/E736s8lL_400x400.jpg\"},\r\n {name: 'Shane Warne', email:'warne@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/1165201957633609728/tyhp6A4n_400x400.jpg\"},\r\n {name: 'Sachin Tendulkar', email:'sachin@mail.com', phone:'123456', info:'Professional Cricket player',\r\n yearlyIncome:'1200',imgLink:\"https://pbs.twimg.com/profile_images/1213102659126755329/lDT4zy8C_400x400.jpg\"}\r\n \r\n ]\r\n\r\n\r\n\r\n people.sort(function() { return 0.5 - Math.random() });\r\n\r\n // const shuffle = a => {\r\n\r\n // for (let i= a.length; i; i --){\r\n // let j = Math.floor(Math.random()*1);\r\n // [a[i-1], a[j]] = [a[j], a[i-1]];\r\n\r\n // }\r\n // }\r\n // shuffle(people);\r\n \r\n \r\n\r\n \r\n\r\n //var shuffle = require(people);\r\n\r\n\r\n const handleAddPlayer = (player) => {\r\n console.log(\"Player-added\",player);\r\n\r\n const newPlayer = [...playerList, player];\r\n\r\n setPlayerList(newPlayer);\r\n\r\n\r\n\r\n \r\n }\r\n\r\n const [playerList,setPlayerList] = useState([]);\r\n\r\n \r\n\r\n\r\n\r\n \r\n \r\n return (\r\n
\r\n\r\n
\r\n\r\n {\r\n\r\n people.map(player => )\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 Profile;","import React from 'react';\nimport './App.css';\nimport Header from './components/Header/Header';\nimport Profile from './components/Profile/Profile';\n\n\nfunction App() {\n\n \nreturn (\n
\n\n
\n\n {/* {\n people.map(player => )\n } */}\n\n \n \n\n \n \n\n\n\n \n \n
\n);\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' }\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}