.eslintcache

[{"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\index.js":"1","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Home\\Home.js":"2","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\reportWebVitals.js":"3","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Header\\Header.js":"4","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\App.js":"5","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\AllCountry\\AllCountry.js":"6","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Country\\Country.js":"7","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\CountryDetail\\CountryDetail.js":"8","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Contact\\Contact.js":"9","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\About\\About.js":"10","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Footer\\Footer.js":"11","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\NotFound\\NotFound.js":"12","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\CountriesContext.js":"13"},{"size":553,"mtime":1609266064843,"results":"14","hashOfConfig":"15"},{"size":197,"mtime":1609270758903,"results":"16","hashOfConfig":"15"},{"size":362,"mtime":1606788141079,"results":"17","hashOfConfig":"15"},{"size":2737,"mtime":1647543132296,"results":"18","hashOfConfig":"15"},{"size":2022,"mtime":1647368101340,"results":"19","hashOfConfig":"15"},{"size":2533,"mtime":1647544216709,"results":"20","hashOfConfig":"15"},{"size":1946,"mtime":1647542640088,"results":"21","hashOfConfig":"15"},{"size":7008,"mtime":1647542931085,"results":"22","hashOfConfig":"15"},{"size":1760,"mtime":1625699102267,"results":"23","hashOfConfig":"15"},{"size":1056,"mtime":1609359861025,"results":"24","hashOfConfig":"15"},{"size":479,"mtime":1609360157194,"results":"25","hashOfConfig":"15"},{"size":247,"mtime":1609437553495,"results":"26","hashOfConfig":"15"},{"size":96,"mtime":1625695519657,"results":"27","hashOfConfig":"15"},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},"ujazq0",{"filePath":"31","messages":"32","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"33"},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"38","usedDeprecatedRules":"33"},{"filePath":"39","messages":"40","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"41","messages":"42","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"43","usedDeprecatedRules":"30"},{"filePath":"44","messages":"45","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"46","messages":"47","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"48","usedDeprecatedRules":"30"},{"filePath":"49","messages":"50","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"51","messages":"52","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"53","messages":"54","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"55","messages":"56","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"57","messages":"58","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\index.js",[],["59","60"],"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Home\\Home.js",[],["61","62"],"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\reportWebVitals.js",[],"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Header\\Header.js",["63"],"import React, { useState } from \"react\";\r\nimport { Link, NavLink } from \"react-router-dom\";\r\nimport logo from \"../../Assets/images/logo.png\";\r\nimport \"./Header.css\";\r\nconst Header = () => {\r\n\tconst [active, setActive] = useState(false);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<nav className=\"navbar navbar-expand-lg navbar-light  \">\r\n\t\t\t\t<div className=\"container\">\r\n\t\t\t\t\t<div className=\"brand d-flex align-items-center\">\r\n\t\t\t\t\t\t<Link\r\n\t\t\t\t\t\t\tstyle={{ textDecoration: \"none\", color: \"black\", display: 'flex', alignItems: 'center' }}\r\n\t\t\t\t\t\t\tto=\"/countries\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<img className=\"navbar-brand \" alt=\"brand-img\" src={logo} />\r\n\t\t\t\t\t\t\t<b className=\"brand-text\">World Countries</b>\r\n\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tclassName=\"navbar-toggler\"\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tdata-toggle=\"collapse\"\r\n\t\t\t\t\t\tdata-target=\"#navbarSupportedContent\"\r\n\t\t\t\t\t\taria-controls=\"navbarSupportedContent\"\r\n\t\t\t\t\t\t// aria-expanded=\"false\"\r\n\t\t\t\t\t\taria-label=\"Toggle navigation\"\r\n\t\t\t\t\t\tonClick={() => setActive(!active)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span className=\"navbar-toggler-icon\"></span>\r\n\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\tactive\r\n\t\t\t\t\t\t\t\t? \"collapse open navbar-collapse\"\r\n\t\t\t\t\t\t\t\t: \"collapse navbar-collapse\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tid=\"navbarSupportedContent\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ul className=\"navbar-nav ml-auto\">\r\n\t\t\t\t\t\t\t<li className=\"nav-item\">\r\n\t\t\t\t\t\t\t\t<NavLink\r\n\t\t\t\t\t\t\t\t\tactiveClassName=\"active-item\"\r\n\t\t\t\t\t\t\t\t\tto=\"/countries\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"nav-link\"\r\n\t\t\t\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tCountries <span className=\"sr-only\">(current)</span>\r\n\t\t\t\t\t\t\t\t</NavLink>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t<li className=\"nav-item\">\r\n\t\t\t\t\t\t\t\t<NavLink\r\n\t\t\t\t\t\t\t\t\tactiveClassName=\"active-item\"\r\n\t\t\t\t\t\t\t\t\tto=\"/about\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"nav-link\"\r\n\t\t\t\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tAbout\r\n\t\t\t\t\t\t\t\t</NavLink>\r\n\t\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t\t<li className=\"nav-item\">\r\n\t\t\t\t\t\t\t\t<NavLink\r\n\t\t\t\t\t\t\t\t\tactiveClassName=\"active-item\"\r\n\t\t\t\t\t\t\t\t\tto=\"/contact\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"nav-link \"\r\n\t\t\t\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tContact\r\n\t\t\t\t\t\t\t\t</NavLink>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t<li className=\"nav-item\">\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\ttarget='_blank'\r\n\t\t\t\t\t\t\t\t\tclassName=\"nav-link \"\r\n\t\t\t\t\t\t\t\t\thref=\"https://github.com/Jisan-mia/world-countries\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tGithub\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</nav>\r\n\r\n\t\t\t{/* <nav class=\"minimal-nav\">\r\n\t\t\t\t<div class=\"container nav-wrapper\">\r\n\t\t\t\t\t<a href=\"#\" class=\"brand\">\r\n\t\t\t\t\t\t<img src={logo} alt=\"logo\" />\r\n\t\t\t\t\t\t<span>Morse Decoder</span>\r\n\t\t\t\t\t</a>\r\n\r\n\t\t\t\t\t<a href=\"https://github.com/Jisan-mia/morse-trnsltor\" class=\"brand\">\r\n\t\t\t\t\t\t<img src=\"/github.png\" alt=\"github-logo\" />\r\n\t\t\t\t\t\t<span>Github</span>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</nav> */}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default Header;\r\n","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\App.js",["64"],"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\AllCountry\\AllCountry.js",["65"],"import React, { useContext, useEffect, useState } from \"react\";\r\nimport { CountriesContext } from \"../../CountriesContext\";\r\nimport Country from \"../Country/Country\";\r\nimport \"./AllCountry.css\";\r\nconst AllCountry = () => {\r\n\tconst [searchTerm, setSearchTerm] = useState(\"\");\r\n\tconst [searchResult, setSearchResult] = useState([]);\r\n\r\n\tconst { allCountry } = useContext(CountriesContext);\r\n\t// console.log(allCountry)\r\n\r\n\tconst capitalGetter = (country) => (country?.capital?.join(' ') || '')\t\r\n\r\n\tuseEffect(() => {\r\n\t\tconst result = allCountry.filter(\r\n\t\t\t(country) =>\r\n\t\t\t\tcountry.name?.common.toLowerCase().includes(searchTerm.toLowerCase()) ||\r\n\t\t\t\tcountry?.cca2.toLowerCase().includes(searchTerm.toLowerCase()) ||\r\n\t\t\t\tcountry?.cca3.toLowerCase().includes(searchTerm.toLowerCase()) ||\r\n\t\t\t\tcountry?.region.toLowerCase().includes(searchTerm.toLowerCase()) ||\r\n\t\t\t\tcapitalGetter(country).toLowerCase().includes(searchTerm.toLowerCase())\r\n\t\t);\r\n\t\t// console.log(result);\r\n\r\n\t\tsetSearchResult(result);\r\n\t}, [searchTerm]);\r\n\r\n\t// console.log(countries);\r\n\r\n\treturn (\r\n\t\t<div className=\"container \">\r\n\t\t\t<div className=\"input-group mt-5\">\r\n\t\t\t\t<div className=\"\">\r\n\t\t\t\t\t<select className=\"custom-select \tborder shadow\" type=\"button\">\r\n\t\t\t\t\t\t<option value=\"search\" disabled className=\"dropdown-item\">\r\n\t\t\t\t\t\t\tSearch By\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t<option value=\"country\" defaultValue className=\"dropdown-item\">\r\n\t\t\t\t\t\t\tCountry Name\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t<option value=\"capital\" className=\"dropdown-item\">\r\n\t\t\t\t\t\t\tCapital\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t<option value=\"region\" className=\"dropdown-item\">\r\n\t\t\t\t\t\t\tRegion Name\r\n\t\t\t\t\t\t</option>\r\n\r\n\t\t\t\t\t\t<option value=\"countryCode\" className=\"dropdown-item\">\r\n\t\t\t\t\t\t\tAlpha 2 Code\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t<option value=\"countryCode\" className=\"dropdown-item\">\r\n\t\t\t\t\t\t\tAlpha 3 Code\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t</select>\r\n\t\t\t\t</div>\r\n\t\t\t\t<input\r\n\t\t\t\t\tspellCheck=\"false\"\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\r\n\t\t\t\t\tvalue={searchTerm}\r\n\t\t\t\t\tclassName=\"form-control\"\r\n\t\t\t\t\tplaceholder=\"Search\"\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t\t{/* show loading... if isLoading is still true */}\r\n\r\n\t\t\t<div className=\"grid-display mt-4\">\r\n\t\t\t\t{searchTerm\r\n\t\t\t\t\t? searchResult.map((country) => (\r\n\t\t\t\t\t\t\t<Country key={country.name.common} country={country}></Country>\r\n\t\t\t\t\t  ))\r\n\t\t\t\t\t: allCountry.length\r\n\t\t\t\t\t? allCountry.map((country) => (\r\n\t\t\t\t\t\t\t<Country key={country.name.common} country={country}></Country>\r\n\t\t\t\t\t  ))\r\n\t\t\t\t\t: \"Loading..\"}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default AllCountry;\r\n","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Country\\Country.js",[],"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\CountryDetail\\CountryDetail.js",["66"],"import axios from \"axios\";\r\nimport React, { useContext, useEffect, useState } from \"react\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { CountriesContext } from \"../../CountriesContext\";\r\nimport \"./CountryDetail.css\";\r\n\r\nconst CountryDetail = () => {\r\n\tconst { countryName } = useParams();\r\n\tconst [country, setCountry] = useState({});\r\n\tconst [isLoading, setIsLoading] = useState(true);\r\n\tconst [isTranslate, setIsTranslate] = useState(false);\r\n\r\n\tconst { allCountry } = useContext(CountriesContext);\r\n\r\n\tuseEffect( () => {\r\n\t\tif (allCountry.length !== 0) {\r\n\t\t\tconst matchedCountry = allCountry.find(\r\n\t\t\t\t(country) => country?.name?.common.toLowerCase() === countryName.toLowerCase()\r\n\t\t\t);\r\n\t\t\tsetCountry(matchedCountry);\r\n\t\t\tsetIsLoading(false);\r\n\t\t} else {\r\n\t\t\tloadData();\r\n\t\t}\r\n\t\t\r\n\t}, []);\r\n\r\n\r\n\tconst loadData = async () => {\r\n\t\t\r\n\t\tconst url = `https://restcountries.com/v3.1/name/${countryName}`;\r\n\t\tconst response = await axios.get(url);\r\n\t\tsetCountry(response.data[0]);\r\n\t\t// console.log(response.data[0])\r\n\t\tsetIsLoading(false);\r\n\t};\r\n\r\n\r\n\tconst {\r\n\t\taltSpellings,\r\n\t\ttranslations,\r\n\t\tcca2,\r\n\t\tcca3,\r\n\t\tccn3,\r\n\t\ttld,\r\n\t\tlanguages,\r\n\t\tregion,\r\n\t\tsubregion,\r\n\t\tcapital,\r\n\t\tdemonyms,\r\n\t\tarea,\r\n\t\tlatlng,\r\n\t} = country;\r\n\r\n\tconst name = country?.name?.common || '--'\r\n\tconst official = country?.name?.official || '--'\r\n\tconst png = country?.flags?.png || ''\r\n\tconst svg = country?.flags?.svg || ''\r\n\r\n\tconst sliced10obj = obj => Object.fromEntries(\r\n\t\tObject.entries(obj).slice(0, 10)\r\n\t);\r\n\r\n\tconst currencies = typeof country?.currencies == 'object' ? Object.keys(country.currencies)[0] : '--'\r\n\t\r\n\tconst borders = typeof country?.borders == 'object' ? country.borders : ['--']\r\n\r\n\t\r\n\tconst commonNative = typeof country?.name?.nativeName == 'object' ? country?.name?.nativeName[Object.keys(country?.name?.nativeName)[0]].common : '--'\r\n\t\r\n\tconst officialNative = typeof country?.name?.nativeName == 'object' ? country?.name?.nativeName[Object.keys(country?.name?.nativeName)[0]].official : '--'\r\n\r\n\tconst iddChecker = (idd) => idd[1]?.length < 2 ? idd.flat().join('') : idd[0]\r\n\r\n\tconst idd = typeof country?.idd == 'object' ? iddChecker(Object.values(country?.idd)) : '--'\r\n\r\n\tfunction isObjectEmpty(obj) {\r\n\t\tif(typeof obj !== 'object') return true\r\n\t\telse return Object.keys(obj).length === 0;\r\n\t}\r\n\r\n\r\n\treturn (\r\n\t\t<div className=\"container mt-3 country-detail\">\r\n\t\t\t<div className=\"col-md-12 px-0 pt-4 \">\r\n\t\t\t\t<h1>{countryName}</h1>\r\n\t\t\t\t<br />\r\n\t\t\t</div>\r\n\t\t\t{isLoading ? (\r\n\t\t\t\t<i>Loading..</i>\r\n\t\t\t) : (\r\n\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t<div className=\"col-md-4\">\r\n\t\t\t\t\t\t<h2 className=\"mt-3\">Names</h2>\r\n\t\t\t\t\t\t<div className=\"table-responsive\">\r\n\t\t\t\t\t\t\t<table className=\"table table-bordered \">\r\n\t\t\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Common </th> <td>{name}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Official </th> <td>{official || '--'}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Common (Native)</th> <td>{commonNative}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Official (Native)</th> <td>{officialNative}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Alternative Spellings</th>\r\n\t\t\t\t\t\t\t\t\t\t<td>\r\n\t\t\t\t\t\t\t\t\t\t\t{altSpellings.length &&\r\n\t\t\t\t\t\t\t\t\t\t\t\taltSpellings.join(', ')\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th colSpan=\"2\" style={{position:'relative'}}>\r\n\t\t\t\t\t\t\t\t\t\t\tTranslations \r\n\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{position: 'absolute', right: '15px',  cursor: \"pointer\"}}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-auto text-info\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsTranslate(!isTranslate);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{isTranslate ? \"Close\" : \"Show\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t{Object.keys(sliced10obj(translations)).map((item, id) => (\r\n\t\t\t\t\t\t\t\t\t\t<tr\r\n\t\t\t\t\t\t\t\t\t\t\tkey={id}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={isTranslate ? \"open\" : \"transalation\"}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<th>{item}</th>\r\n\t\t\t\t\t\t\t\t\t\t\t<td>{translations[item]?.common}</td>\r\n\t\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t\t\t</table>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<h2 className=\"mt-3\">Codes</h2>\r\n\r\n\t\t\t\t\t\t<div className=\"table-responsive\">\r\n\t\t\t\t\t\t\t<table className=\"table table-bordered \">\r\n\t\t\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>ISO 3166-1 alpha-2 </th> <td>{cca2}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>ISO 3166-1 alpha-3</th> <td>{cca3}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>ISO 3166-1 numeric</th> <td>{ccn3}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>International calling code </th>\r\n\t\t\t\t\t\t\t\t\t\t<td>{idd || '--'} </td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>ISO 4217 currency code </th> <td>{currencies}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Top level domain</th> <td>{tld.length ? tld.join(', ') : '--'}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t\t\t</table>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{/* 2nd column */}\r\n\t\t\t\t\t<div className=\"col-md-4\">\r\n\t\t\t\t\t\t<h2 className=\"mt-3\">Language</h2>\r\n\t\t\t\t\t\t<div className=\"table-responsive \">\r\n\t\t\t\t\t\t\t<table className=\"table table-bordered\">\r\n\t\t\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Native language </th> <td>{!isObjectEmpty(languages) ? Object.values(languages)[0] : '--'}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th colSpan=\"2\">Languages</th>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\r\n\t\t\t\t\t\t\t\t\t{!isObjectEmpty(languages) && Object.keys(sliced10obj(languages)).map((item, index) => (\r\n\t\t\t\t\t\t\t\t\t\t<tr key={index}>\r\n\t\t\t\t\t\t\t\t\t\t\t<th>{item}</th> <td>{languages[item]}</td>\r\n\t\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t))}\r\n\r\n\t\t\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t\t\t</table>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<h2 className=\"mt-3\">Geography</h2>\r\n\t\t\t\t\t\t<div className=\"table-responsive\">\r\n\t\t\t\t\t\t\t<table className=\"table table-bordered\">\r\n\t\t\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Region </th> <td>{region || '--'}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Subregion</th> <td>{subregion || '--'}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Capital</th> <td>{capital?.length ? capital.join(', ') : '--'}</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Dymonym </th> <td> {!isObjectEmpty(demonyms) ? demonyms[Object.keys(demonyms)[0]]?.f : '--'} </td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Lat/Lng</th>\r\n\t\t\t\t\t\t\t\t\t\t<td>\r\n\t\t\t\t\t\t\t\t\t\t\t{latlng?.length ?\r\n\t\t\t\t\t\t\t\t\t\t\t\tlatlng.join(', ')\r\n\t\t\t\t\t\t\t\t\t\t\t\t: '--'\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Area</th>\r\n\t\t\t\t\t\t\t\t\t\t<td>\r\n\t\t\t\t\t\t\t\t\t\t\t{area}km<sup>2</sup>\r\n\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t<th>Land Borders</th>\r\n\t\t\t\t\t\t\t\t\t\t<td>\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\tborders.join(', ')\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t\t\t</table>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{/* 3rd column */}\r\n\r\n\t\t\t\t\t<div className=\"col-md-4\">\r\n\t\t\t\t\t\t<h2 className=\"mt-3\">Flag</h2>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc={svg || png || '--'}\r\n\t\t\t\t\t\t\talt=\"country flag\"\r\n\t\t\t\t\t\t\tclassName=\"img-fluid img-responsive w-100 mb-3 shadow\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default CountryDetail;\r\n","C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Contact\\Contact.js",[],"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\About\\About.js",[],"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\Footer\\Footer.js",[],"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\Component\\NotFound\\NotFound.js",[],"C:\\1Technology\\2. Web Development\\Reactjs Everything\\Reactjs Project\\world-countries\\src\\CountriesContext.js",[],{"ruleId":"67","replacedBy":"68"},{"ruleId":"69","replacedBy":"70"},{"ruleId":"67","replacedBy":"71"},{"ruleId":"69","replacedBy":"72"},{"ruleId":"73","severity":1,"message":"74","line":77,"column":10,"nodeType":"75","endLine":77,"endColumn":25},{"ruleId":"76","severity":1,"message":"77","line":29,"column":5,"nodeType":"78","endLine":29,"endColumn":7,"suggestions":"79"},{"ruleId":"76","severity":1,"message":"80","line":26,"column":5,"nodeType":"78","endLine":26,"endColumn":17,"suggestions":"81"},{"ruleId":"76","severity":1,"message":"82","line":26,"column":5,"nodeType":"78","endLine":26,"endColumn":7,"suggestions":"83"},"no-native-reassign",["84"],"no-negated-in-lhs",["85"],["84"],["85"],"react/jsx-no-target-blank","Using target=\"_blank\" without rel=\"noreferrer\" is a security risk: see https://html.spec.whatwg.org/multipage/links.html#link-type-noopener","JSXAttribute","react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 'loadData'. Either include it or remove the dependency array.","ArrayExpression",["86"],"React Hook useEffect has a missing dependency: 'allCountry'. Either include it or remove the dependency array.",["87"],"React Hook useEffect has missing dependencies: 'allCountry', 'countryName', and 'loadData'. Either include them or remove the dependency array.",["88"],"no-global-assign","no-unsafe-negation",{"desc":"89","fix":"90"},{"desc":"91","fix":"92"},{"desc":"93","fix":"94"},"Update the dependencies array to be: [loadData]",{"range":"95","text":"96"},"Update the dependencies array to be: [allCountry, searchTerm]",{"range":"97","text":"98"},"Update the dependencies array to be: [allCountry, countryName, loadData]",{"range":"99","text":"100"},[1036,1038],"[loadData]",[1007,1019],"[allCountry, searchTerm]",[805,807],"[allCountry, countryName, loadData]"]