{"version":3,"sources":["webpack:///./src/components/Members/ResourceCard.jsx","webpack:///./src/components/ResourceCards.jsx","webpack:///./src/pages/resources.jsx","webpack:///./node_modules/gatsby/node_modules/core-js/modules/_string-html.js","webpack:///./node_modules/gatsby/node_modules/core-js/modules/es6.string.link.js"],"names":["ResourceCard","props","imageURL","image","className","href","link","target","rel","src","alt","title","ResourceCards","createResource","Resources","key","date","createResources","resources","grouped","resource","categoryResource","category","newList","concat","Object","keys","map","createCategory","updateSelectedFilter","option","setState","selectedFilter","categoryName","state","filterOptions","render","this","selected","onClick","resourceData","React","Component","ResourcesPage","NMC_favicon","type","Navigation","page","Footer","$export","fails","defined","quot","createHTML","string","tag","attribute","value","S","String","p1","replace","module","exports","NAME","exec","O","P","F","test","toLowerCase","split","length","url"],"mappings":"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","file":"component---src-pages-resources-jsx-e1b023d2c92b6ca0d05c.js","sourcesContent":["import React from 'react'\n\nlet ResourceCard = function statelessFunctionComponentClass(props) {\n\n\tlet imageURL = '../resourceAssets/' + props.image;\n\n\treturn (\n\n\t\t<div className=\"resourceCardContainer\">\n\n\t\t\t\t<a href={props.link} target=\"_blank\" rel=\"noopener noreferrer\"><img src={imageURL} className=\"resourceImage\" alt={props.title}></img></a>\n\n\t\t\t\t<div className=\"resourceTitle\">{props.title}</div>\n\t\t</div>\n\t)\n}\n\nexport default ResourceCard\n","import React from 'react'\n\nimport ResourceCard from './Members/ResourceCard.jsx'\nimport resourceData from '../assets/resourceData.json'\n\n// import classnames from 'classnames';\n\nclass ResourceCards extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      selectedFilter: 'All',\n    }\n    this.filterOptions = ['All']\n  }\n\n  createResource = Resources => {\n    // if (!this.filterOptions.includes(Resources.category)) {\n    // \tthis.filterOptions.push(Resources.category);\n    // }\n    return (\n      <ResourceCard\n        key={Resources.title}\n        date={Resources.date}\n        title={Resources.title}\n        link={Resources.link}\n        image={Resources.image}\n      />\n    )\n  }\n\n  createResources = resources => {\n    const grouped = {}\n\n    for (const resource of resources) {\n      const categoryResource = grouped[resource.category]\n\n      let newList\n      if (categoryResource) {\n        newList = categoryResource.concat([resource])\n      } else {\n        newList = [resource]\n      }\n\n      grouped[resource.category] = newList\n    }\n\n    return Object.keys(grouped).map(category => {\n      return this.createCategory(category, grouped[category])\n    })\n  }\n\n  updateSelectedFilter = option => {\n    this.setState({\n      selectedFilter: option,\n    })\n  }\n\n  createCategory = (categoryName, resources) => {\n    if (categoryName === this.state.selectedFilter) {\n      return (\n        <div className=\"resourceTitleRow\">\n          <p className=\"pageHeading\">{categoryName}</p>\n          <div className=\"resourceRow\">\n            {resources.map(this.createResource)}\n          </div>\n        </div>\n      )\n    } else if ('All' === this.state.selectedFilter) {\n      return (\n        <div className=\"resourceTitleRow\">\n          <p className=\"pageHeading\">{categoryName}</p>\n          <div className=\"resourceRow\">\n            {resources.map(this.createResource)}\n          </div>\n        </div>\n      )\n    }\n  }\n\n  render() {\n    const filterOptions = [\n      'All',\n      'NMC',\n      'Inspiration',\n      'Typography',\n      'Prototyping',\n      'Web Development',\n      'User Experience',\n    ]\n    // const filterOptions = this.filterOptions;\n    return (\n      <div className=\"resourcesWholeContainer\">\n        <div className=\"peoplesortingContainer\">\n          <div className=\"sortingContainer\">\n            <p\n              className={`peopleHeading ${\n                this.state.selected === 'alumni' ? 'deactivateHeader' : ''\n              }`}\n            >\n              Filtering\n            </p>\n            <div className=\"sortingButtonsContainer\">\n              {filterOptions.map(option => {\n                const { selectedFilter } = this.state\n                const activeClassName = 'sortingContainer-button-active'\n\n                return (\n                  <p\n                    key={option}\n                    onClick={() => this.updateSelectedFilter(option)}\n                    className={`sortingContainer-button ${\n                      selectedFilter === option ? activeClassName : ''\n                    }\n\t\t\t\t\t\t\t\t\t\t\t`}\n                  >\n                    {option}\n                  </p>\n                )\n              })}\n            </div>\n          </div>\n        </div>\n        <div className=\"resourceContainer\">\n          {this.createResources(resourceData.Resources)}\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default ResourceCards\n","import React, { Component } from 'react'\n\nimport Navigation from '../components/Navigation'\nimport Footer from '../components/Footer'\nimport ResourceCards from '../components/ResourceCards'\n\nimport MetaTags from 'react-meta-tags'\nimport NMC_favicon from '../assets/NMC_favicon.png'\nexport default class ResourcesPage extends Component {\n  render() {\n    return (\n      <div>\n        <MetaTags>\n          <title>Resources</title>\n          <link rel=\"icon\" href={NMC_favicon} type=\"image/png\" />\n        </MetaTags>\n        <Navigation page={'resources'} />\n        <div className=\"wrapContainer\">\n          <div className=\"container\">\n            <div className=\"headingContainer\">\n              <div className=\"pageHeading\">Learn something new!</div>\n              <div className=\"pageDescription\">\n                We have compiled links to various resources to aid your design\n                journey.\n              </div>\n            </div>\n          </div>\n          <ResourceCards />\n        </div>\n        <Footer />\n      </div>\n    )\n  }\n}\n","var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n  var S = String(defined(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\nmodule.exports = function (NAME, exec) {\n  var O = {};\n  O[NAME] = exec(createHTML);\n  $export($export.P + $export.F * fails(function () {\n    var test = ''[NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  }), 'String', O);\n};\n","'use strict';\n// B.2.3.10 String.prototype.link(url)\nrequire('./_string-html')('link', function (createHTML) {\n  return function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  };\n});\n"],"sourceRoot":""}