{"version":3,"sources":["logo.svg","component/Header/Header.js","component/Mentor/Mentor.js","component/AddedMentors/AddedMentors.js","component/Cart/Cart.js","component/Main/Main.js","App.js","reportWebVitals.js","index.js"],"names":["Header","className","href","style","color","Mentor","props","mentor","name","Age","Salary","Country","Expriance","img","element","icon","faShoppingCart","src","alt","onClick","handler","AddedMentors","Cart","totalAdded","totalCost","length","map","id","Main","useState","persons","setPersons","added","setAdded","useEffect","fetch","then","response","json","data","handleAdded","alert","newAdded","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.2258870b.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.6ce24c58.svg\";","import React from 'react';\r\nimport './Header.css'\r\n\r\nconst Header = () => {\r\n    return (\r\n        <div>\r\n            <div className=\"header\">\r\n                <div className=\"navbar\">\r\n                    <div className=\"logo\">\r\n                        <h2><i className=\"fas fa-user-graduate\"></i>  Mentors Society</h2>\r\n                    </div>\r\n                    <div className=\"nav\">\r\n                        <ul>\r\n                            <li><a href=\"/home\">Home</a></li>\r\n                            <li><a href=\"/mentors\">Mentors</a></li>\r\n                            <li><a href=\"/about\">About</a></li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"heading\">\r\n                <h1>\r\n                    Hire Mentors With <span style={{ color: \"blue\" }}>Mentors Society</span>\r\n                </h1>\r\n                <h4>\r\n                    We have highly skilled mentors who are working as professional in many top class companies.\r\n                </h4>\r\n                <h2>\r\n                    Total Budget: <span style={{ color: \"purple\" }}>$100000</span>\r\n                </h2>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Header;\r\n\r\n","import React from 'react';\r\nimport './Mentor.css'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faShoppingCart } from '@fortawesome/free-solid-svg-icons'\r\n\r\n\r\nconst Mentor = (props) => {\r\n    const { name, Age, Salary, Country, Expriance, img } = props.mentor || {}\r\n    const element = <FontAwesomeIcon icon={faShoppingCart} />\r\n\r\n    return (\r\n        <div className=\"mentor\">\r\n            <div className=\"mentor-image\">\r\n                <img src={img} alt=\"\" />\r\n            </div>\r\n            <div className=\"mentor-details\">\r\n                <strong><h1>{name}</h1></strong>\r\n                <p><strong>Age :</strong> {Age}</p>\r\n                <p><strong>Salary :</strong> {Salary}</p>\r\n                <p><strong>Country :</strong> {Country}</p>\r\n                <p><strong>Expriance: {Expriance}</strong></p>\r\n\r\n                <button onClick={() => props.handler(props.mentor)}>{element}  Add Member</button>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Mentor;","import React from 'react';\r\nimport './AddedMentors.css'\r\n\r\nconst AddedMentors = (props) => {\r\n\r\n    const { name, img, Salary } = props.mentor;\r\n\r\n    return (\r\n        <div className=\"added-mentor\">\r\n            <img src={img} alt=\"\" />\r\n            <span>{name}</span>\r\n            <span className=\"salary\">${Salary}</span>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default AddedMentors;\r\n","import React from 'react';\r\nimport './Cart.css'\r\nimport AddedMentors from '../AddedMentors/AddedMentors'\r\n\r\nconst Cart = (props) => {\r\n    const { totalAdded } = props;\r\n    let totalCost = 0;\r\n\r\n    if (totalAdded.length !== 0) {\r\n        for (const item of totalAdded) {\r\n            totalCost += item.Salary;\r\n        }\r\n    }\r\n    return (\r\n        <div>\r\n            <h2>Number of Mentors Added: {totalAdded.length}</h2>\r\n            <h2>Total Cost: <span style={{ color: \"red\" }}>${totalCost}</span></h2>\r\n\r\n            <div className=\"display-added\">\r\n                {\r\n                    totalAdded.map(mentor => <AddedMentors key={mentor.id} mentor={mentor}></AddedMentors>)\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n    );\r\n};\r\n\r\nexport default Cart;","import React, { useState, useEffect } from 'react';\r\nimport Mentor from '../Mentor/Mentor';\r\nimport Cart from '../Cart/Cart';\r\n\r\nimport './Main.css';\r\n\r\nconst Main = () => {\r\n\r\n    const [persons, setPersons] = useState([]);\r\n    const [added, setAdded] = useState([]);\r\n\r\n    useEffect(() => {\r\n        fetch('./tools.json')\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                setPersons(data);\r\n            })\r\n    }, [])\r\n\r\n    const handleAdded = (mentor) => {\r\n        for (const item of added) {\r\n            if (item.id === !mentor.id) {\r\n                alert(\"This Mentor Is Already Added\");\r\n                return;\r\n            }\r\n        }\r\n        const newAdded = [...added, mentor];\r\n        setAdded(newAdded)\r\n    }\r\n\r\n\r\n\r\n    return (\r\n\r\n        <div className=\"main-container\">\r\n            <div className=\"mentors-container\">\r\n                {\r\n                    persons.map(mentor => (\r\n                        <Mentor key={mentor.id} mentor={mentor} handler={handleAdded}></Mentor>\r\n                    ))\r\n                }\r\n            </div>\r\n\r\n            <div className=\"cart-container\">\r\n                <Cart totalAdded={added}></Cart>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Main;","import logo from './logo.svg';\nimport './App.css';\nimport Header from './component/Header/Header';\nimport Main from './component/Main/Main';\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Header></Header>\n      <Main></Main>\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}