React_Client_App_Access/node_modules/.cache/babel-loader/f1fd759f251490d073c456be222fbc03.json

{"ast":null,"code":"import _classCallCheck from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/containers/Layout/topbar/TopbarProfile.tsx\";\nimport DownIcon from 'mdi-react/ChevronDownIcon';\nimport React, { PureComponent } from 'react';\nimport { Collapse } from 'reactstrap';\nimport TopbarMenuLink from './TopbarMenuLink';\n\nvar TopbarProfile = /*#__PURE__*/function (_PureComponent) {\n  _inherits(TopbarProfile, _PureComponent);\n\n  function TopbarProfile() {\n    var _getPrototypeOf2;\n\n    var _this;\n\n    _classCallCheck(this, TopbarProfile);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(TopbarProfile)).call.apply(_getPrototypeOf2, [this].concat(args)));\n    _this.state = {\n      collapse: false\n    };\n\n    _this.toggle = function () {\n      _this.setState(function (prevState) {\n        return {\n          collapse: !prevState.collapse\n        };\n      });\n    };\n\n    return _this;\n  }\n\n  _createClass(TopbarProfile, [{\n    key: \"render\",\n    value: function render() {\n      var collapse = this.state.collapse;\n      return /*#__PURE__*/React.createElement(\"div\", {\n        className: \"topbar__profile\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 25,\n          columnNumber: 7\n        }\n      }, /*#__PURE__*/React.createElement(\"button\", {\n        type: \"button\",\n        className: \"topbar__avatar\",\n        onClick: this.toggle,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 27,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(\"p\", {\n        className: \"topbar__avatar-name\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 29,\n          columnNumber: 11\n        }\n      }, \"Alan Waldron\"), /*#__PURE__*/React.createElement(DownIcon, {\n        className: \"topbar__icon\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 30,\n          columnNumber: 11\n        }\n      })), collapse && /*#__PURE__*/React.createElement(\"button\", {\n        type: \"button\",\n        className: \"topbar__back\",\n        onClick: this.toggle,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 34,\n          columnNumber: 22\n        }\n      }), /*#__PURE__*/React.createElement(Collapse, {\n        isOpen: collapse,\n        className: \"topbar__menu-wrap\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 35,\n          columnNumber: 7\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"topbar__menu\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 36,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(TopbarMenuLink, {\n        title: \"Page one\",\n        icon: \"list\",\n        path: \"/pages/one\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 37,\n          columnNumber: 13\n        }\n      }), /*#__PURE__*/React.createElement(TopbarMenuLink, {\n        title: \"Page two\",\n        icon: \"inbox\",\n        path: \"/pages/two\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 38,\n          columnNumber: 13\n        }\n      }), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"topbar__menu-divider\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 39,\n          columnNumber: 13\n        }\n      }), /*#__PURE__*/React.createElement(TopbarMenuLink, {\n        title: \"Log Out\",\n        icon: \"exit\",\n        path: \"/\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 40,\n          columnNumber: 13\n        }\n      }))));\n    }\n  }]);\n\n  return TopbarProfile;\n}(PureComponent);\n\nexport { TopbarProfile as default };","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/containers/Layout/topbar/TopbarProfile.tsx"],"names":["DownIcon","React","PureComponent","Collapse","TopbarMenuLink","TopbarProfile","state","collapse","toggle","setState","prevState"],"mappings":";;;;;;AAAA,OAAOA,QAAP,MAAqB,2BAArB;AACA,OAAOC,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,QAAT,QAAyB,YAAzB;AAGA,OAAOC,cAAP,MAA2B,kBAA3B;;IAKqBC,a;;;;;;;;;;;;;;;UAEnBC,K,GAAQ;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;;UAIRC,M,GAAS,YAAM;AACb,YAAKC,QAAL,CAAc,UAAAC,SAAS;AAAA,eAAK;AAAEH,UAAAA,QAAQ,EAAE,CAACG,SAAS,CAACH;AAAvB,SAAL;AAAA,OAAvB;AACD,K;;;;;;;6BAEQ;AAAA,UACCA,QADD,GACc,KAAKD,KADnB,CACCC,QADD;AAGP,0BACE;AAAK,QAAA,SAAS,EAAC,iBAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAEE;AAAQ,QAAA,IAAI,EAAC,QAAb;AAAsB,QAAA,SAAS,EAAC,gBAAhC;AAAiD,QAAA,OAAO,EAAE,KAAKC,MAA/D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAEE;AAAG,QAAA,SAAS,EAAC,qBAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAFF,eAGE,oBAAC,QAAD;AAAU,QAAA,SAAS,EAAC,cAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAHF,CAFF,EASGD,QAAQ,iBAAI;AAAQ,QAAA,IAAI,EAAC,QAAb;AAAsB,QAAA,SAAS,EAAC,cAAhC;AAA+C,QAAA,OAAO,EAAE,KAAKC,MAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QATf,eAUA,oBAAC,QAAD;AAAU,QAAA,MAAM,EAAED,QAAlB;AAA4B,QAAA,SAAS,EAAC,mBAAtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACI;AAAK,QAAA,SAAS,EAAC,cAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE,oBAAC,cAAD;AAAgB,QAAA,KAAK,EAAC,UAAtB;AAAiC,QAAA,IAAI,EAAC,MAAtC;AAA6C,QAAA,IAAI,EAAC,YAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADF,eAEE,oBAAC,cAAD;AAAgB,QAAA,KAAK,EAAC,UAAtB;AAAiC,QAAA,IAAI,EAAC,OAAtC;AAA8C,QAAA,IAAI,EAAC,YAAnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAFF,eAGE;AAAK,QAAA,SAAS,EAAC,sBAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAHF,eAIE,oBAAC,cAAD;AAAgB,QAAA,KAAK,EAAC,SAAtB;AAAgC,QAAA,IAAI,EAAC,MAArC;AAA4C,QAAA,IAAI,EAAC,GAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAJF,CADJ,CAVA,CADF;AAqBD;;;;EAlCwCL,a;;SAAtBG,a","sourcesContent":["import DownIcon from 'mdi-react/ChevronDownIcon';\nimport React, { PureComponent } from 'react';\nimport { Collapse } from 'reactstrap';\n\nimport Alan from '../../../shared/img/alan.jpg';\nimport TopbarMenuLink from './TopbarMenuLink';\n\ninterface TopbarProfileState {\n  collapse: boolean\n}\nexport default class TopbarProfile extends PureComponent<{}, TopbarProfileState> {\n\n  state = {\n    collapse: false,\n  }\n\n  toggle = () => {\n    this.setState(prevState => ({ collapse: !prevState.collapse }));\n  };\n\n  render() {\n    const { collapse } = this.state;\n\n    return (\n      <div className=\"topbar__profile\"> \n        \n        <button type=\"button\" className=\"topbar__avatar\" onClick={this.toggle}>\n          {/*<img className=\"topbar__avatar-img\" src={Alan} alt=\"avatar\" />*/}\n          <p className=\"topbar__avatar-name\">Alan Waldron</p>\n          <DownIcon className=\"topbar__icon\" />\n        </button>\n             \n        \n        {collapse && <button type=\"button\" className=\"topbar__back\" onClick={this.toggle} />}\n      <Collapse isOpen={collapse} className=\"topbar__menu-wrap\">\n          <div className=\"topbar__menu\">\n            <TopbarMenuLink title=\"Page one\" icon=\"list\" path=\"/pages/one\" />\n            <TopbarMenuLink title=\"Page two\" icon=\"inbox\" path=\"/pages/two\" />\n            <div className=\"topbar__menu-divider\" />\n            <TopbarMenuLink title=\"Log Out\" icon=\"exit\" path=\"/\" />\n          </div>\n      </Collapse>\n      </div>\n    );\n  }\n}\n"]},"metadata":{},"sourceType":"module"}