[{"/home/seanedmunds/dev/home-page/src/index.js":"1"},{"size":8516,"mtime":1639427704000,"results":"2","hashOfConfig":"3"},{"filePath":"4","messages":"5","errorCount":0,"fatalErrorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":"6"},"szjdbt","/home/seanedmunds/dev/home-page/src/index.js",["7","8","9","10","11"],"import React from 'react';\nimport { useState, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport { unstable_createPortal } from 'react-dom';\nimport './index.css';\n\nfunction Homepage() {\n  return (\n    <main id=\"container\" class=\"fade\">\n        <div>\n          <Search />\n        </div>\n        <div>\n          <Header\n            date={date()}\n            greet={greet()}\n          />\n        </div>\n        <div>\n          <Applications />\n        </div>\n        <div>\n          <Bookmarks />\n        </div>\n        <div>\n          <ModalMenu />\n        </div>\n        <div>\n          <ModalInit />\n        </div>\n    </main>\n  );\n}\n\nfunction Search() {\n  return (\n    <section id=\"search\">\n      <div class=\"abackground\">\n        <input name=\"keywords\" type=\"text\" class=\"keyword\" id=\"keywords\" size=\"50\" placeholder=\"\" />\n        <label id=\"searchType\" class=\"Input-label\">Google search</label>\n      </div>\n    </section>\n  )\n}\n\nfunction Header(props) {\n  return (\n    <section id=\"header\">\n      <div id=\"greeting_block\">\n        <h1 id=\"header_greet\">{props.greet}</h1>\n      </div>\n      <div id=\"date_block\">\n        <h2 id=\"header_date\">{props.date}</h2>\n        <Clock />\n      </div>\n    </section>\n  );\n}\n\nfunction Applications() {\n  let appList = getApps();\n  var items = [];\n  for (var i = 0; i < appList.apps.length; i++) {\n    items.push(\n      <App\n        key={i}\n        name={appList.apps[i].name}\n        url={appList.apps[i].url}\n        icon={appList.apps[i].icon}\n        NSFW={appList.apps[i].NSFW}\n      />\n    );\n  }\n  return (\n    <section id=\"apps\">\n      <h3>Applications</h3>\n      <div id=\"apps_loop\">\n        {items}\n      </div>\n    </section>\n  );\n}\n\nfunction App(props) {\n  let classType = props.NSFW + \"-content\";\n  let hrefUrl = \"https://\" + props.url;\n  let iconName = \"mdi-\" + props.icon;\n  return (\n    <div>\n      <a href={hrefUrl} class={classType}>\n        <div class=\"apps_item\">\n          <div class=\"apps_icon\">\n            <span class=\"iconify icon\" data-icon={iconName}></span>\n          </div>\n          <div class=\"apps_text\">\n            <span id=\"app-name\">{props.name}</span>\n            <span id=\"app-address\">{props.url}</span>\n          </div>\n        </div>\n      </a>\n    </div>\n  );\n}\n\nfunction Bookmarks() {\n  let bookmarkList = getLinks();\n  var items = [];\n  for (var i = 0; i < bookmarkList.bookmarks.length; i++) {\n    items.push(\n      <LinkGroups\n        key={i}\n        category={bookmarkList.bookmarks[i].category}\n        links={bookmarkList.bookmarks[i].links}\n      />\n    );\n  }\n  return (\n    <section id=\"links\">\n      <h3>Bookmarks</h3>\n      <div id=\"links_loop\">\n          {items}\n      </div>\n    </section>\n  );\n}\n\nfunction LinkGroups(props) {\n  var items = [];\n  for (var i = 0; i < props.links.length; i++) {\n    items.push(\n      <LinkItem\n        key={i}\n        link={props.links[i]}\n      />\n    );\n  }\n  return (\n    <div id=\"links_item\">\n      <h4>{props.category}</h4>\n      {items}\n    </div>\n  );\n}\n\nfunction LinkItem(props) {\n  return (\n    <div>\n      <a href={props.link.url} class=\"theme_color-border theme_text-select\">{props.link.name}</a>\n    </div>\n  );\n}\n\nfunction ModalMenu() {\n  var providers = getProviders();\n  var items = [];\n  for (var i = 0; i < providers.providers.length; i++) {\n    items.push(\n      <Provider \n        key={i}\n        provider={providers.providers[i]}\n      />\n    );\n  }\n  return (\n    <section id=\"modal\">\n      <div>\n        <header id=\"modal-header\">\n          <h1>Options</h1>\n          <a href=\"#\" title=\"Close\" class=\"modal-close\">\n            <span class=\"iconify\" data-icon=\"mdi-close\"></span>\n          </a>\n        </header>\n\n        <h2>Color themes</h2>\n\n        <div id=\"modal-theme\">\n          <button data-theme=\"blackboard\" class=\"theme-button theme-blackboard\">Blackboard</button>\n          <button data-theme=\"gazette\" class=\"theme-button theme-gazette\">Gazette</button>\n          <button data-theme=\"espresso\" class=\"theme-button theme-espresso\">Espresso</button>\n          <button data-theme=\"cab\" class=\"theme-button theme-cab\">Cab</button>\n          <button data-theme=\"cloud\" class=\"theme-button theme-cloud\">Cloud</button>\n          <button data-theme=\"lime\" class=\"theme-button theme-lime\">Lime</button>\n          <button data-theme=\"passion\" class=\"theme-button theme-passion\">Passion</button>\n          <button data-theme=\"blues\" class=\"theme-button theme-blues\">Blues</button>\n          <button data-theme=\"chalk\" class=\"theme-button theme-chalk\">Chalk</button>\n          <button data-theme=\"tron\" class=\"theme-button theme-tron\">Tron</button>\n          <button data-theme=\"paper\" class=\"theme-button theme-paper\">Paper</button>\n          <button data-theme=\"cyberpunk\" class=\"theme-button theme-cyberpunk\">Cyberpunk</button>\n          <button data-theme=\"quadra\" class=\"theme-button theme-panam\">Quadra</button>\n          <button data-theme=\"panam\" class=\"theme-button theme-panam\">Panam</button>\n          <button data-theme=\"touch\" class=\"theme-button theme-touch\">Touch</button>\n          <button data-theme=\"peek\" class=\"theme-button theme-peek\">Peek</button>\n        </div>\n\n\n        <h2>Search options</h2>\n          <section id=\"providers\">\n            <table>\n              <tbody>\n                <tr>\n                  <th>Website</th>\n                  <th>Prefix</th>\n                </tr>\n                {items}\n              </tbody>\n            </table>\n          </section>\n\n        <header id=\"modal-footer\">\n          <a href=\"https://github.com/jeroenpardon/\"><span class=\"iconify\" data-icon=\"mdi-github-box\"></span></a>\n          <a href=\"https://materialdesignicons.com/\"><span class=\"iconify\" data-icon=\"mdi-material-design\"></span></a>\n          <div class=\"sneaky\"><input type=\"checkbox\" id=\"contenttype\" onChange=\"nsfw(this)\"></input>\n          <label for=\"contenttype\"><span class=\"iconify\" data-icon=\"mdi-domino-mask\"></span></label></div>\n        </header>\n      </div>\n    </section>\n  );\n}\n\nfunction Provider(props) {\n  console.log(props);\n  return (\n    <tr>\n      <td><a href={props.provider.url}>{props.provider.name}</a></td>\n      <td>{props.provider.prefix}</td>\n    </tr>\n  );\n}\n\nfunction ModalInit() {\n  return (\n    <div id=\"modal_init\">\n      <a class=\"btn\" href=\"#modal\">\n        <span class=\"iconify icon\" data-icon=\"mdi-xbox-controller-menu\"></span>\n      </a>\n    </div>\n  );\n}\n\nReactDOM.render(\n  <Homepage />,\n  document.getElementById('root')\n);\n\n//Functions below this line are for calculating data for\n//other functions\n\nfunction date() {\n  let currentDate = new Date();\n  let dateOptions = {\n    weekday: \"long\",\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\"\n  };\n  let date = currentDate.toLocaleDateString(\"en-GB\", dateOptions);\n  return date;\n}\nfunction fixDigits(k) {\n  if (k < 10) {\n    return \"0\" + k;\n  }\n  else {\n    return k;\n  }\n}\nfunction greet() {\n  let currentTime = new Date();\n  let greet = Math.floor(currentTime.getHours() / 6);\n  let easterEggChance = Math.floor(Math.random() * 100);\n  let greetings = require('./messages.json');\n  let timeBased = [];\n  let easterEggs = [];\n  for (var i = 0; i < greetings.messages.length; i++) {\n    if (greetings.messages[i].easteregg == \"FALSE\") {\n      timeBased = timeBased.concat(greetings.messages[i]);\n    } else {\n      easterEggs = easterEggs.concat(greetings.messages[i]);\n    }\n  }\n  if (easterEggChance > 10) {\n    return timeBased[greet].message;\n  } else {\n    let easterEggText = Math.floor(Math.random() * easterEggs.length);\n    return easterEggs[easterEggText].message;\n  }\n}\nfunction Clock() {\n  const [date, setDate] = useState(new Date());\n\n  function refreshClock() {\n    setDate(new Date());\n  }\n  useEffect(() => {\n    const timerId = setInterval(refreshClock, 1000);\n    return function cleanup() {\n      clearInterval(timerId);\n    };\n  }, []);\n\n  var hour = date.getHours();\n  var minutes = date.getMinutes();\n  var seconds = date.getSeconds();\n  var midday = \"AM\";\n  midday = (hour >= 12) ? \"PM\" : \"AM\";\n  hour = (hour == 0) ? 12 : ((hour > 12) ? (hour - 12) : hour);\n  minutes = fixDigits(minutes);\n  seconds = fixDigits(seconds);\n  let time = hour + \":\" + minutes + \" \" + midday;\n\n  return (\n    <h2 id=\"clock\">{time}</h2>\n\n  );\n}\nfunction getApps() {\n  let applications = require('./apps.json');\n  return applications;\n}\nfunction getLinks() {\n  let links = require('./links.json');\n  return links;\n}\nfunction getProviders() {\n  let providers = require('./providers.json');\n  return providers;\n}",{"ruleId":"12","severity":1,"message":"13","line":4,"column":10,"nodeType":"14","messageId":"15","endLine":4,"endColumn":31},{"ruleId":"16","severity":1,"message":"17","line":169,"column":11,"nodeType":"18","endLine":169,"endColumn":57},{"ruleId":"19","severity":1,"message":"20","line":275,"column":41,"nodeType":"21","messageId":"22","endLine":275,"endColumn":43},{"ruleId":"19","severity":1,"message":"20","line":306,"column":16,"nodeType":"21","messageId":"22","endLine":306,"endColumn":18},{"ruleId":"12","severity":1,"message":"23","line":308,"column":3,"nodeType":"14","messageId":"15","endLine":308,"endColumn":10},"no-unused-vars","'unstable_createPortal' is defined but never used.","Identifier","unusedVar","jsx-a11y/anchor-is-valid","The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md","JSXOpeningElement","eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected","'seconds' is assigned a value but never used."]