{buttonIcon}
\n )}\n {pending && (\n \n
\n )}\n {children}\n \n )\n }\n}\n\nButton.propTypes = {\n /** Makes button taller */\n tall: PropTypes.bool,\n /** Applies secondary theme to the button */\n secondary: PropTypes.bool,\n /** Applies danger theme to the button */\n danger: PropTypes.bool,\n /** Applies danger secondary theme to the button */\n dangerSecondary: PropTypes.bool,\n /** Applies success theme to the button */\n success: PropTypes.bool,\n /** Applies success secondary theme to the button */\n successSecondary: PropTypes.bool,\n /** Applies warning theme to the button */\n warning: PropTypes.bool,\n /** Applies danger secondary theme to the button */\n warningSecondary: PropTypes.bool,\n /** Disables button */\n disabled: PropTypes.bool,\n /** Click handler for the button */\n action: PropTypes.func,\n /** This prop will make your button a link pointing to this url */\n href: PropTypes.string,\n /** In case you specified href this prop will make your url to open in a new tab */\n _blank: PropTypes.bool,\n /** Makes full width button */\n wide: PropTypes.bool,\n /** Add your own classname to the button */\n className: PropTypes.string,\n /** Restyle button */\n style: PropTypes.object,\n /** Node reference */\n nodeRef: PropTypes.func,\n /** Apply simple theme to button */\n simple: PropTypes.bool,\n /** By default Button will render button component. You can specify type of the button with this prop */\n type: PropTypes.string,\n /** Icon on the left */\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.string])\n}\n\nButton.defaultProps = {\n tall: false,\n secondary: false,\n danger: false,\n dangerSecondary: false,\n success: false,\n successSecondary: false,\n warning: false,\n warningSecondary: false,\n disabled: false,\n wide: false,\n simple: false\n}\n\nexport default injectSheet(styles)(Button)\n","import PropTypes from 'prop-types';\n\nexport var subscriptionShape = PropTypes.shape({\n trySubscribe: PropTypes.func.isRequired,\n tryUnsubscribe: PropTypes.func.isRequired,\n notifyNestedSubs: PropTypes.func.isRequired,\n isSubscribed: PropTypes.func.isRequired\n});\n\nexport var storeShape = PropTypes.shape({\n subscribe: PropTypes.func.isRequired,\n dispatch: PropTypes.func.isRequired,\n getState: PropTypes.func.isRequired\n});","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport { Component, Children } from 'react';\nimport PropTypes from 'prop-types';\nimport { storeShape, subscriptionShape } from '../utils/PropTypes';\nimport warning from '../utils/warning';\n\nvar didWarnAboutReceivingStore = false;\nfunction warnAboutReceivingStore() {\n if (didWarnAboutReceivingStore) {\n return;\n }\n didWarnAboutReceivingStore = true;\n\n warning('\n You need to be a part of\n
a school to access this\n
\n \n If you haven't already done so,\n
\n please request access to a school\n
\n from your profile page.\n
\n \n
\n)\n\nSpinner.propTypes = {\n /** Additional className to restyle component */\n className: PropTypes.string,\n /** Rewrite style of the component */\n style: PropTypes.object\n}\n\nexport default injectSheet(styles)(Spinner)\n","import React from 'react'\nimport styles from './loading-screen.styles'\nimport injectSheet from 'react-jss'\nimport Spinner from '../../../spinner'\n\nconst LoadingScreen = ({ classes }) => (\n \n
\n)\n\nexport default injectSheet(styles)(LoadingScreen)\n","import React, { Fragment } from 'react'\nimport styles from './unknown-error-screen.styles'\nimport injectSheet from 'react-jss'\nimport FullpageError from 'pobble-components/dist/full-page-error'\n\nconst UnauthorisedScreen = () => (\n \n If this continues to happen, please\n
\n contact hello@pobble.com.\n \n }\n />\n)\n\nexport default injectSheet(styles)(UnauthorisedScreen)\n","const styles = {\n img: {\n width: '200px',\n height: '200px',\n margin: '0 0 20px'\n },\n button: {\n paddingLeft: '40px',\n paddingRight: '40px'\n }\n}\n\nexport default styles\n","import { fullVHExceptHeader } from 'pobble-components/dist/jss-mixins'\n\nexport default ({ FONT_SIZES }) => ({\n container: {\n ...FONT_SIZES.BODY_LARGE.STYLE,\n textAlign: 'center',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n animation: '0.5s fadeIn',\n width: '100%',\n ...fullVHExceptHeader\n },\n holder: {\n maxWidth: '370px',\n width: '100vw',\n background: '#fff',\n padding: '40px',\n border: '1px solid #ececec',\n borderRadius: '10px'\n },\n '@keyframes fadeIn': {\n from: { opacity: 0 },\n to: { opacity: 1 }\n }\n})\n","import React from 'react'\nimport styles from './container.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\n\nconst Container = ({ classes, children, className }) => (\n
\n
\n)\n\nexport default injectSheet(styles)(Container)\n","export default ({ FONT_SIZES }) => ({\n title: {\n margin: '0 0 25px',\n ...FONT_SIZES.HEADING_BIG.STYLE\n }\n})\n","import React from 'react'\nimport styles from './title.styles'\nimport injectSheet from 'react-jss'\n\nconst Title = ({ classes, children }) => (\n {children}
\n {children}
\n)\n\nexport default injectSheet(styles)(Title)\n","import React from 'react'\nimport styles from './description.styles'\nimport injectSheet from 'react-jss'\n\nconst Description = ({ classes, children }) => (\n{children}
\n)\n\nexport default injectSheet(styles)(Description)\n","export default {\n container: {\n margin: '0 0 30px',\n '& a': {\n color: 'currentColor'\n },\n '& > p': {\n margin: '15px 0 0',\n '&:first-child': {\n margin: '0'\n }\n }\n }\n}\n","import React from 'react'\nimport Container from '../../components/container/container'\nimport Title from '../../components/title/title'\nimport Description from '../../components/description/description'\nimport Button from 'pobble-components/dist/button'\nimport { redirectToAuth } from 'pobble-components/dist/auth-helpers'\n\nconst FSUScreen = () => (\n \n We need a little more information to finish setting up your account.\n
\n\n please contact hello@pobble.com.\n \n }\n button={SignInButton}\n />\n)\n\nexport default injectSheet(styles)(NoRightsScreen)\n","export default {\n img: {\n width: '200px',\n height: '200px',\n margin: '0 0 20px'\n },\n button: {\n paddingLeft: '40px',\n paddingRight: '40px'\n }\n}\n","import React, { Fragment } from 'react'\nimport styles from './school-required-screen.styles'\nimport injectSheet from 'react-jss'\nimport Button from 'pobble-components/dist/button'\nimport FullpageError from 'pobble-components/dist/full-page-error'\nimport { URLS } from 'pobble-components/dist/setup'\n\nconst SchoolRequiredScreen = () => (\n
\n part of a school to access this feature\n \n }\n desc={\n
\n on your profile page\n
{children}
\n {ROLE_NOT_SELECTED &&