\n
\n );\n}\n\nProfileMenu.propTypes = {\n classes: PropTypes.object.isRequired,\n userExists: PropTypes.bool.isRequired,\n};\n\nconst mapStateToProps = state => ({\n userExists: state.user.exists,\n});\n\nexport default compose(\n connect(mapStateToProps),\n withStyles(styles)\n)(ProfileMenu);\n","// Credit David Walsh (https://davidwalsh.name/javascript-debounce-function)\n\n// Returns a function, that, as long as it continues to be invoked, will not\n// be triggered. The function will be called after it stops being called for\n// N milliseconds. If `immediate` is passed, trigger the function on the\n// leading edge, instead of the trailing.\nexport function debounce(func, wait, immediate) {\n let timeout;\n\n return function executedFunction() {\n let context = this;\n let args = arguments;\n\n let later = function() {\n timeout = null;\n if (!immediate) func.apply(context, args);\n };\n\n let callNow = immediate && !timeout;\n\n clearTimeout(timeout);\n\n timeout = setTimeout(later, wait);\n\n if (callNow) func.apply(context, args);\n };\n}\n","import types from '../utils/types';\n\nimport api from '../utils/api';\nimport { logError } from '../utils/errors';\n\nexport const getMessageBoards = params => {\n return dispatch => {\n dispatch({ type: types.GET_MESSAGEBOARDS_LIST });\n api\n .getMessageBoards(params)\n .then(response => {\n dispatch({\n type: types.GET_MESSAGEBOARDS_LIST_SUCCESS,\n payload: response.data,\n });\n })\n .catch(error => {\n dispatch({ type: types.GET_MESSAGEBOARDS_LIST_FAILURE });\n logError(error);\n });\n };\n};\n\nexport const createMessageBoard = (...args) => {\n return dispatch => {\n dispatch({ type: types.CREATE_MESSAGEBOARD });\n api\n .createMessageBoard(...args)\n .then(response => {\n dispatch({\n type: types.CREATE_MESSAGEBOARD_SUCCESS,\n payload: response.data,\n });\n api.getMessageBoards().then(json => {\n dispatch(getMessageBoards(json.data));\n });\n })\n .catch(error => {\n dispatch({ type: types.CREATE_MESSAGEBOARD_FAILURE, payload: error });\n logError(error);\n });\n };\n};\n\nexport const editMessageBoard = (...args) => {\n return dispatch => {\n dispatch({ type: types.EDIT_MESSAGEBOARD });\n api\n .editMessageBoard(...args)\n .then(response => {\n dispatch({\n type: types.EDIT_MESSAGEBOARD_SUCCESS,\n payload: response.data,\n });\n api.getMessageBoards().then(json => {\n dispatch(getMessageBoards(json.data));\n });\n })\n .catch(error => {\n dispatch({ type: types.EDIT_MESSAGEBOARD_FAILURE, payload: error });\n logError(error);\n });\n };\n};\n\nexport const deleteMessageBoard = messageboard => {\n return dispatch => {\n dispatch({\n type: types.DELETE_MESSAGEBOARD,\n meta: messageboard,\n });\n api\n .deleteMessageBoard(messageboard)\n .then(response => {\n dispatch({\n type: types.DELETE_MESSAGEBOARD_SUCCESS,\n payload: response.data,\n });\n api.getMessageBoards().then(json => {\n dispatch(getMessageBoards(json.data));\n });\n })\n .catch(error => {\n dispatch({ type: types.DELETE_MESSAGEBOARD_FAILURE });\n logError(error);\n });\n };\n};\n\nexport const resetMessageBoardsProps = () => {\n return dispatch => {\n dispatch({ type: types.RESET_MESSAGEBOARDS_PROPS });\n };\n};\n\nexport const resetMessageBoardsErrors = () => {\n return dispatch => {\n dispatch({ type: types.RESET_MESSAGEBOARDS_ERRORS });\n };\n};\n\nexport const countComments = () => {\n return dispatch => {\n dispatch({\n type: types.COUNT_COMMENTS,\n });\n api\n .countComments()\n .then(response => {\n dispatch({\n type: types.COUNT_COMMENTS_SUCCESS,\n payload: response.data,\n });\n })\n .catch(error => {\n dispatch({ type: types.COUNT_COMMENTS_FAILURE });\n logError(error);\n });\n }\n}\n\nexport const createReadme = (environment) => {\n const { readme, readmeName } = environment.repository;\n return dispatch => {\n if (readmeName && readmeName.slice(-3) === '.md') {\n const messageboard = { title: 'This is the README', description: atob(readme), environment: environment.id, tags: ['README', 'info'] };\n dispatch(createMessageBoard(messageboard));\n }\n }\n}\n","import types from '../utils/types';\n\nimport api from '../utils/api';\nimport { logError } from '../utils/errors';\nimport { createReadme, getMessageBoards } from './messageboards';\n\nexport const getEnvironments = params => {\n return dispatch => {\n dispatch({ type: types.GET_ENVIRONMENTS_LIST });\n api\n .environments(params)\n .then(response => {\n dispatch({\n type: types.GET_ENVIRONMENTS_LIST_SUCCESS,\n payload: response.data,\n });\n })\n .catch(error => {\n dispatch({ type: types.GET_ENVIRONMENTS_LIST_FAILURE });\n logError(error);\n });\n };\n};\n\nexport const createEnvironment = (...args) => {\n return dispatch => {\n dispatch({ type: types.CREATE_ENVIRONMENT });\n api\n .createEnvironment(...args)\n .then(response => {\n dispatch({\n type: types.CREATE_ENVIRONMENT_SUCCESS,\n payload: response.data,\n });\n api.environments().then(json => {\n dispatch(getEnvironments(json.data));\n dispatch(createReadme(response.data));\n });\n })\n .catch(error => {\n dispatch({ type: types.CREATE_ENVIRONMENT_FAILURE, payload: error });\n logError(error);\n });\n };\n};\n\nexport const editEnvironment = (...args) => {\n return dispatch => {\n dispatch({ type: types.EDIT_ENVIRONMENT });\n api\n .editEnvironment(...args)\n .then(response => {\n dispatch({\n type: types.EDIT_ENVIRONMENT_SUCCESS,\n payload: response.data,\n });\n api.environments().then(json => {\n dispatch(getEnvironments(json.data));\n });\n })\n .catch(error => {\n dispatch({ type: types.EDIT_ENVIRONMENT_FAILURE, payload: error });\n logError(error);\n });\n };\n};\n\nexport const deleteEnvironment = environment => {\n return dispatch => {\n dispatch({\n type: types.DELETE_ENVIRONMENT,\n meta: environment,\n });\n api\n .deleteEnvironment(environment)\n .then(response => {\n dispatch({\n type: types.DELETE_ENVIRONMENT_SUCCESS,\n payload: response.data,\n });\n api.environments().then(json => {\n dispatch(getEnvironments(json.data));\n dispatch(getMessageBoards());\n });\n })\n .catch(error => {\n dispatch({ type: types.DELETE_ENVIRONMENT_FAILURE });\n logError(error);\n });\n };\n};\n\nexport const resetEnvironmentsProps = () => {\n return dispatch => {\n dispatch({ type: types.RESET_ENVIRONMENTS_PROPS });\n };\n};\n\nexport const resetEnvironmentsErrors = () => {\n return dispatch => {\n dispatch({ type: types.RESET_ENVIRONMENTS_ERRORS });\n };\n};\n\nexport const searchEnvironments = searchPhrases => {\n const searchPhrasesSplit = searchPhrases.replace(/[ ,]+/g, ',');\n return dispatch => {\n dispatch({\n type: types.SEARCH_ENVIRONMENTS,\n payload: searchPhrases,\n });\n api\n .searchEnvironments(searchPhrasesSplit)\n .then(response => {\n dispatch({\n type: types.SEARCH_ENVIRONMENTS_SUCCESS,\n payload: response.data,\n });\n })\n .catch(error => {\n dispatch({ type: types.SEARCH_ENVIRONMENTS_FAILURE });\n logError(error);\n });\n };\n};\n\nexport const resetSearchedEnvironments = () => {\n return dispatch => {\n dispatch({ type: types.SEARCH_ENVIRONMENTS_RESET });\n };\n};\n\nexport const searchEnvironmentsByTopic = (searchTopic, topicName) => {\n return dispatch => {\n dispatch({\n type: types.CATEGORIZE_ENVIRONMENTS,\n payload: searchTopic,\n });\n api\n .searchEnvironmentsByTopic(searchTopic)\n .then(response => {\n dispatch({\n type: types.CATEGORIZE_ENVIRONMENTS_SUCCESS,\n environment: response.data,\n topic: { id: searchTopic, name: topicName },\n });\n })\n .catch(error => {\n dispatch({ type: types.CATEGORIZE_ENVIRONMENTS_FAILURE });\n logError(error);\n });\n };\n};\n\nexport const resetCategorizedEnvironments = () => {\n return dispatch => {\n dispatch({ type: types.CATEGORIZE_ENVIRONMENTS_RESET });\n };\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { IconButton } from '@material-ui/core';\n\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\n\nconst ExpandMoreLess = ({\n classes,\n allEnvVisible,\n noEnvVisible,\n handleExpandMore,\n handleExpandLess,\n}) => {\n return (\n \n setAnchorEl(node)}\n aria-owns={open ? 'menu-list-grow' : undefined}\n aria-haspopup=\"true\"\n onClick={toggle}\n >\n \n {({ TransitionProps, placement }) => (\n \n \n \n \n {userExists ? (\n \n ) : (\n \n )\n }\n {/* \n \n \n \n )}\n \n
\n \n {allEnvVisible ? (\n \n \n \n )}\n {noEnvVisible ? (\n \n \n \n )}\n
\n );\n};\n\nExpandMoreLess.propTypes = {\n classes: PropTypes.object.isRequired,\n allEnvVisible: PropTypes.bool.isRequired,\n noEnvVisible: PropTypes.bool.isRequired,\n handleExpandMore: PropTypes.func.isRequired,\n handleExpandLess: PropTypes.func.isRequired,\n};\n\nexport default ExpandMoreLess;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MenuList from '@material-ui/core/MenuList';\nimport ListSubheader from '@material-ui/core/ListSubheader';\nimport Divider from '@material-ui/core/Divider';\n\nconst SearchBarEnvList = ({ environments, handleClose }) => {\n return (\n \n \n \n
\n );\n }\n}\n\nSearchBar.propTypes = {\n searchEnvironments: PropTypes.func.isRequired,\n resetSearchedEnvironments: PropTypes.func.isRequired,\n environments: PropTypes.arrayOf(PropTypes.object),\n environsearchedEnvironmentsments: PropTypes.arrayOf(PropTypes.object),\n};\n\nconst mapDispatchToProps = {\n searchEnvironments,\n resetSearchedEnvironments,\n};\n\nconst mapStateToProps = state => ({\n environments: state.environments.environments,\n searchedEnvironments: state.environments.searchedEnvironments,\n});\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(SearchBar);\n","import React, { PureComponent } from 'react';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { withRouter } from 'react-router-dom'; //use Link instead of href?\nimport PropTypes from 'prop-types';\n\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport AppBar from '@material-ui/core/AppBar';\nimport IconButton from '@material-ui/core/IconButton';\nimport Star from '@material-ui/icons/Star';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport { withStyles } from '@material-ui/core/styles';\nimport Hidden from '@material-ui/core/Hidden';\n\nimport types from '../../utils/types';\nimport { isLoading } from '../../reducers/display';\nimport { SciGymIcon } from '../files/images';\nimport ProfileMenu from './ProfileMenu';\nimport SearchBar from './SearchBar';\n\nconst styles = theme => ({\n root: {\n flex: 1,\n flexDirection: 'row',\n display: 'flex',\n },\n grow: {\n flexGrow: 1,\n display: 'flex',\n },\n leftIcon: {\n marginRight: theme.spacing.unit,\n },\n menuButton: {\n position: 'relative',\n marginLeft: -12,\n marginRight: 20,\n },\n toolBarStyle: {\n backgroundColor: '#82B1FF',\n },\n iconButtonStyle: {\n borderRadius: '0',\n backgroundColor: 'transparent',\n textDecoration: 'none',\n paddingBottom: '0',\n paddingTop: '0',\n },\n});\n\nexport class Header extends PureComponent {\n render() {\n const { loading } = this.props;\n const { classes } = this.props;\n return (\n \n \n {({ TransitionProps, placement }) => (\n \n \n \n \n )}\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n {loading ? (\n
\n \n {scigym ? (\n
\n );\n};\n\nVerificationChip.propTypes = {\n classes: PropTypes.object.isRequired,\n scigym: PropTypes.bool.isRequired,\n gym: PropTypes.bool.isRequired,\n};\n\nexport default VerificationChip;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport List from '@material-ui/core/List';\nimport Typography from '@material-ui/core/Typography';\nimport Chip from '@material-ui/core/Chip';\nimport CardContent from '@material-ui/core/CardContent';\n\nimport LocalOffer from '@material-ui/icons/LocalOffer';\n\nconst EnvironmentItemContent = ({ classes, name, description, fork, owner, topic, tags }) => {\n return (\n \n
\n ) : gym ? (\n \n
\n ) : (\n \n
\n )}\n - \n {tags.map(tag => (\n
\n
\n \n 
\n
\n \n \n \n \n \n \n
\n \n \n \n
\n \n \n
\n );\n};\n\nexport default withStyles(styles)(DrawerHead);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\n\nconst ChildListElement = ({ topic, handleClick }) => {\n return (\n - \n
\n {parentTopics.map((parentTopic, index) => (\n
\n );\n};\n\nDrawerContentTopics.propTypes = {\n parentTopics: PropTypes.arrayOf(PropTypes.object),\n childTopics: PropTypes.arrayOf(PropTypes.object),\n open: PropTypes.arrayOf(PropTypes.bool).isRequired,\n handleTopClick: PropTypes.func.isRequired,\n handleClick: PropTypes.func.isRequired,\n};\n\nexport default DrawerContentTopics;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport PropTypes from 'prop-types';\n\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuList from '@material-ui/core/MenuList';\nimport Divider from '@material-ui/core/Divider';\nimport { withStyles } from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\nimport Hidden from '@material-ui/core/Hidden';\n\nimport {\n searchEnvironmentsByTopic,\n resetCategorizedEnvironments,\n} from '../../../actions/environments';\nimport DrawerHead from './DrawerHead';\nimport SearchBar from '../../header/SearchBar';\nimport DrawerContentTopics from './DrawerContentTopics';\n\nconst drawerWidth = 240;\nconst styles = theme => ({\n root: {\n width: drawerWidth,\n flexShrink: 0,\n paddingTop: '0',\n paddingBottom: '0',\n },\n title: {\n margin: theme.spacing.unit * 2,\n marginTop: theme.spacing.unit * 6,\n },\n});\n\nclass DrawerContent extends Component {\n constructor(props) {\n super(props);\n const parentTopics = this.props.topics.filter(topic => !topic.parentTopic);\n this.state = {\n openTopicList: Array.apply(null, Array(parentTopics.length)).map(() => false),\n error: '',\n };\n }\n componentDidUpdate(prevProps) {\n if (this.props.topics.length > prevProps.topics.length) {\n const parentTopics = this.props.topics.filter(topic => !topic.parentTopic);\n this.setState({\n openTopicList: Array.apply(null, Array(parentTopics.length)).map(() => false),\n });\n }\n }\n\n handleTopClick = (index, id, name) => {\n //TODO: handle FAILURE\n const openList = this.state.openTopicList;\n openList[index] = !openList[index];\n this.setState({ openTopicList: openList });\n this.props.searchEnvironmentsByTopic(id, name);\n };\n\n handleClick = (id, name) => {\n //TODO: handle FAILURE\n if (id === 'all') {\n this.props.resetCategorizedEnvironments();\n } else this.props.searchEnvironmentsByTopic(id, name);\n };\n render() {\n const { classes, topics } = this.props;\n const parentTopics = topics.filter(topic => !topic.parentTopic);\n const childTopics = topics.filter(topic => topic.parentTopic);\n return (\n \n handleTopClick(index, parentTopic.id, parentTopic.name)}\n >\n \n {childTopics.map(\n topic =>\n topic.parentTopic.id === parentTopic.id && (\n handleClick(topic.id, topic.name)}\n />\n )\n )}\n \n
\n ))}\n \n \n \n \n Search Categories\n \n \n this.handleClick('all', undefined)}>\n \n \n
\n );\n }\n}\nDrawerContent.propTypes = {\n topics: PropTypes.arrayOf(PropTypes.object),\n searchEnvironmentsByTopic: PropTypes.func.isRequired,\n resetCategorizedEnvironments: PropTypes.func.isRequired,\n};\n\nconst mapDispatchToProps = {\n searchEnvironmentsByTopic,\n resetCategorizedEnvironments,\n};\n\nexport default compose(\n connect(\n null,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(DrawerContent);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport PropTypes from 'prop-types';\n\nimport Paper from '@material-ui/core/Paper';\nimport { withStyles } from '@material-ui/core';\nimport Hidden from '@material-ui/core/Hidden';\nimport SwipeableDrawer from '@material-ui/core/SwipeableDrawer';\n\nimport DrawerContent from './DrawerContent';\n\nconst drawerWidth = 240;\n\nconst styles = () => ({\n drawerPaper: {\n width: drawerWidth,\n flexShrink: 0,\n paddingTop: '0',\n paddingBottom: '0',\n height: '100%',\n },\n});\n\nclass TopicDrawer extends Component {\n constructor(props) {\n super(props);\n this.state = {\n openDrawer: false,\n };\n }\n\n toggleDrawer = open => event => {\n if (event && event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\n return;\n }\n this.setState({ openDrawer: open });\n };\n\n render() {\n const { classes, topics } = this.props;\n return (\n \n \n \n \n \n \n \n \n
\n );\n }\n}\n\nTopicDrawer.propTypes = {\n topics: PropTypes.arrayOf(PropTypes.object),\n};\n\nconst mapStateToProps = state => ({\n topics: state.topics.topics,\n});\n\nexport default compose(\n connect(mapStateToProps),\n withStyles(styles)\n)(TopicDrawer);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Typography from '@material-ui/core/Typography';\nimport Divider from '@material-ui/core/Divider';\nimport Hidden from '@material-ui/core/Hidden';\n\nimport constants from '../../../utils/constants';\n\nconst featureCardAPI = ({ classes }) => {\n return (\n \n \n \n
\n );\n};\n\nfeatureCardAPI.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default featureCardAPI;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Typography from '@material-ui/core/Typography';\nimport Divider from '@material-ui/core/Divider';\nimport Hidden from '@material-ui/core/Hidden';\n\nimport constants from '../../../utils/constants';\n\nconst featureCardRL = ({ classes }) => {\n return (\n \n \n Science Problems packaged as APIs\n \n \n In Reinforcement Learning an agent interacts with an environment to achieve some goal. Our\n environments encode problems in science packaged as APIs.\n \n
\n \n
\n \n \n \n
\n );\n};\n\nfeatureCardRL.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default featureCardRL;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Typography from '@material-ui/core/Typography';\n\nimport constants from '../../../utils/constants';\n\nconst featureCardRL = ({ classes }) => {\n return (\n \n \n Reinforcement Learning for Science\n \n \n SciGym is a resource for facilitating the development of reinforcement learning based\n solutions to problems in physics and other sciences.\n \n
\n \n
\n \n
\n );\n};\n\nfeatureCardRL.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default featureCardRL;\n","import React, { Component } from 'react';\n\nimport { withStyles } from '@material-ui/core';\nimport Grid from '@material-ui/core/Grid';\n\nimport FeatureCardAPI from './FeatureCardAPI';\nimport FeatureCardRL from './FeatureCardRL';\nimport FeatureCardConnect from './FeatureCardConnect';\n\nconst styles = theme => ({\n cardStyle: {\n width: '300px',\n marginLeft: theme.spacing.unit * 2,\n marginRight: theme.spacing.unit * 2,\n },\n mediaStyle: {\n textAlign: 'center',\n marginTop: theme.spacing.unit,\n height: '160px',\n },\n contentStyle: {\n height: '170',\n },\n titleStyle: {\n marginTop: theme.spacing.unit,\n marginBottom: theme.spacing.unit,\n },\n imgStyleAPI: {\n height: '120px',\n width: '152px',\n },\n imgStyleRL: {\n paddingTop: '10px',\n height: '140px',\n width: '140px',\n },\n imgStyleConnect: {\n paddingTop: '10px',\n height: '140px',\n width: '127px',\n },\n});\n\nclass FeatureCards extends Component {\n render() {\n const { classes } = this.props;\n return (\n \n \n Connecting Computer Science and other Disciplines\n \n \n SciGym is an attempt to stimulate an open and meaningful exchange between computer\n scientists and researchers in other disciplines.\n \n
\n \n
\n \n
\n );\n }\n}\n\nHome.propTypes = {\n repositories: PropTypes.arrayOf(PropTypes.object),\n environments: PropTypes.arrayOf(PropTypes.object),\n categorizedEnvironments: PropTypes.arrayOf(PropTypes.object),\n searchedTopics: PropTypes.arrayOf(PropTypes.object),\n};\n\nconst mapStateToProps = state => ({\n repositories: state.repositories.repositories,\n environments: state.environments.environments,\n categorizedEnvironments: state.environments.categorizedEnvironments,\n searchedTopic: state.environments.searchedTopic,\n});\n\nexport default compose(\n connect(mapStateToProps),\n withStyles(styles)\n)(Home);\n","import React, { useState } from 'react';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport Button from '@material-ui/core/Button';\nimport SaveIcon from '@material-ui/icons/Save';\n\nimport types from '../../../utils/types';\nimport { isLoading } from '../../../reducers/display';\nimport { getErrors } from '../../../reducers/errors';\nimport { updateMyProfile } from '../../../actions/user';\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n flexFlow: 'column nowrap',\n paddingBottom: theme.spacing.unit * 4,\n },\n textField: {\n width: 300,\n },\n button: {\n marginTop: theme.spacing.unit,\n width: 250,\n },\n rightIcon: {\n marginLeft: theme.spacing.unit,\n },\n});\n\nconst AccountForm = ({ classes, user, updateMyProfile, isUpdating, errors }) => {\n const [email, setEmail] = useState(user.email);\n const [firstName, setFirstName] = useState(user.firstName);\n const [lastName, setLastName] = useState(user.lastName);\n\n const saveForm = () => updateMyProfile({ email, firstName, lastName });\n\n return (\n \n \n \n
\n \n {!this.props.categorizedEnvironments && (\n \n {this.title}\n \n {empty && (\n
\n \n \n Features & Goals\n \n
\n )}\n \n \n No environments found\n \n
\n )}\n {!empty && (\n - \n {visibleEnvironments.map(env => (\n
\n setEmail(event.target.value)}\n error={Boolean(errors && errors.email)}\n helperText={errors && errors.email}\n />\n setFirstName(event.target.value)}\n error={Boolean(errors && errors.firstName)}\n helperText={errors && errors.firstName}\n />\n setLastName(event.target.value)}\n error={Boolean(errors && errors.lastName)}\n helperText={errors && errors.lastName}\n />\n \n
\n );\n};\n\nAccountForm.propTypes = {\n classes: PropTypes.object.isRequired,\n user: PropTypes.object.isRequired,\n updateMyProfile: PropTypes.func.isRequired,\n isUpdating: PropTypes.bool.isRequired,\n};\n\nconst mapStateToProps = state => ({\n user: state.user,\n isUpdating: isLoading(state.display, types.UPDATE_USER_PROFILE),\n errors: getErrors(state.errors, types.UPDATE_USER_PROFILE),\n});\n\nexport default compose(\n connect(\n mapStateToProps,\n { updateMyProfile }\n ),\n withStyles(styles)\n)(AccountForm);\n","import React, { useState } from 'react';\nimport { connect } from 'react-redux';\n\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\nimport { deleteUser } from '../../../actions/user';\n\nconst AccountDelete = ({ userName, open, handleClose, deleteUser }) => {\n const [confirmationUserName, setConfirmationUsername] = useState('');\n const confirmationMatches = confirmationUserName === userName;\n const confirmDelete = () => {\n deleteUser();\n handleClose();\n };\n return (\n \n );\n};\n\nconst mapStateToProps = state => ({\n userName: state.user.username,\n});\n\nexport default connect(\n mapStateToProps,\n { deleteUser }\n)(AccountDelete);\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport Typography from '@material-ui/core/Typography';\n\nimport AccountDelete from './AccountDelete';\n\nconst styles = theme => ({\n root: {\n paddingTop: theme.spacing.unit * 4,\n paddingBottom: theme.spacing.unit * 2,\n },\n button: {\n marginTop: theme.spacing.unit,\n width: 250,\n },\n rightIcon: {\n marginLeft: theme.spacing.unit,\n },\n});\n\nconst Account = ({ classes }) => {\n const [showConfirm, setShowConfirm] = useState(false);\n return (\n \n setShowConfirm(false)} />\n \n Delete Account\n \n \n This action will permanently delete your account. This cannot be undone!\n \n setShowConfirm(true)}\n >\n Delete my account\n
\n );\n};\n\nAccount.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(Account);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport Divider from '@material-ui/core/Divider';\nimport Typography from '@material-ui/core/Typography';\n\nimport AccountForm from './AccountForm';\nimport AccountDanger from './AccountDanger';\n\nconst styles = theme => ({\n root: {\n ...theme.mixins.gutters(),\n paddingTop: theme.spacing.unit * 2,\n paddingBottom: theme.spacing.unit * 2,\n marginLeft: theme.spacing.unit * 2,\n },\n});\n\nfunction Account(props) {\n const { classes } = props;\n\n return (\n \n \n Update Account Details\n \n
\n );\n}\n\nAccount.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(Account);\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\n\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\n\nconst styles = theme => ({\n menuItem: {\n '&:focus': {\n backgroundColor: '#82B1FF',\n },\n },\n});\n\nfunction SettingsItem({ classes, to, icon, text }) {\n return (\n \n );\n}\n\nSettingsItem.propTypes = {\n classes: PropTypes.object.isRequired,\n to: PropTypes.string.isRequired,\n text: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles)(SettingsItem);\n","import React, { useState } from 'react';\nimport { withStyles } from '@material-ui/core';\n\nimport MenuList from '@material-ui/core/MenuList';\nimport Paper from '@material-ui/core/Paper';\nimport Divider from '@material-ui/core/Divider';\nimport AccountIcon from '@material-ui/icons/AccountBox';\nimport ForumIcon from '@material-ui/icons/Forum';\nimport ListIcon from '@material-ui/icons/ViewList';\nimport ImageIcon from '@material-ui/icons/Image';\nimport Hidden from '@material-ui/core/Hidden';\nimport SwipeableDrawer from '@material-ui/core/SwipeableDrawer';\n\nimport SettingsItem from './SettingsItem';\nimport DrawerHead from '../home/drawer/DrawerHead';\n\nconst drawerWidth = 240;\nconst styles = theme => ({\n drawerPaper: {\n width: drawerWidth,\n flexShrink: 0,\n paddingTop: '0',\n paddingBottom: '0',\n height: '100%',\n },\n});\n\nfunction Settings({ classes }) {\n const [open, setOpen] = useState(false);\n const toggle = openDrawer => event => {\n if (event && event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\n return;\n }\n setOpen(openDrawer);\n };\n return (\n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nSettings.propTypes = {};\n\nexport default withStyles(styles)(Settings);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport Card from '@material-ui/core/Card';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Radio from '@material-ui/core/Radio';\n\nimport constants from '../../../utils/constants';\n\nconst styles = theme => ({\n root: {\n margin: 'auto',\n height: '155px',\n paddingLeft: '5%',\n paddingRight: '5%',\n backgroundColor: 'AliceBlue',\n paddingTop: theme.spacing.unit * 3,\n maxWidth: '500px',\n [theme.breakpoints.down('sm')]: {\n paddingLeft: '5%',\n paddingRight: '5%',\n },\n [theme.breakpoints.up('lg')]: {\n paddingLeft: '5%',\n paddingRight: '5%',\n },\n },\n gridStyle: {\n overflow: 'auto',\n overflowX: 'scroll',\n flexWrap: 'nowrap',\n // Promote the list into his own layer on Chrome. This cost memory but helps keeping high FPS.\n transform: 'translateZ(0)',\n },\n cardStyle: {\n width: '100px',\n },\n mediaStyle: {\n height: '100px',\n },\n textStyle: {\n margin: theme.spacing.unit,\n },\n});\n\nclass ImagePopContent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n selectedAvatar: props.avatar,\n };\n this.handleChange = this.handleChange.bind(this);\n }\n\n handleChange = avatar => event => {\n if (event.target.value !== 'default') {\n this.setState({ selectedAvatar: avatar });\n this.props.handleSelect(avatar);\n } else {\n this.setState({ selectedAvatar: null });\n this.props.handleSelect(null);\n }\n };\n\n render() {\n const { classes, userImages } = this.props;\n if (userImages.length > 0) {\n return (\n \n \n \n
\n \n \n \n \n \n \n \n {userImages.map(image => (\n \n \n \n \n \n ))}\n \n
\n );\n } else {\n return (\n \n \n \n {error}\n \n ) : null}\n
\n );\n }\n}\n\nImagePreview.propTypes = {\n avatar: PropTypes.any, // this is null or an object\n userImages: PropTypes.arrayOf(PropTypes.object),\n handleSelect: PropTypes.func.isRequired,\n imageConfig: PropTypes.arrayOf(PropTypes.string),\n createImage: PropTypes.func.isRequired,\n loading: PropTypes.bool.isRequired,\n};\n\nconst mapStateToProps = state => ({\n userImages: state.images.userImages,\n imageConfig: state.images.imageConfig,\n loading: isLoading(state.display, types.CREATE_IMAGE),\n});\nconst mapDispatchToProps = {\n createImage,\n};\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(ImagePreview);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nimport TextField from '@material-ui/core/TextField';\n\nconst styles = theme => ({\n root: {\n width: '100%',\n },\n child: {\n width: 'auto',\n margin: theme.spacing.unit * 2,\n },\n textField: {\n width: '100%',\n },\n});\n\nconst EnvironmentFormText = ({ classes, name, description, repository, handleChange, errors }) => {\n return (\n \n {loading ? (\n 
\n )}\n
\n \n \n My Images\n \n \n Upload new image\n \n \n
\n \n
\n );\n};\n\nEnvironmentFormText.propTypes = {\n classes: PropTypes.object.isRequired,\n name: PropTypes.string.isRequired,\n description: PropTypes.string,\n repository: PropTypes.object.isRequired,\n handleChange: PropTypes.func.isRequired,\n errors: PropTypes.any, // this is either bool or object\n};\n\nexport default withStyles(styles)(EnvironmentFormText);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nimport FormControl from '@material-ui/core/FormControl';\nimport FormHelperText from '@material-ui/core/FormHelperText';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport IconButton from '@material-ui/core/IconButton';\n\nimport AddIcon from '@material-ui/icons/Add';\n\nconst styles = theme => ({\n root: {\n width: '100%',\n },\n child: {\n width: 'auto',\n margin: theme.spacing.unit * 2,\n },\n textField: {\n width: '100%',\n },\n});\n\nconst EnvironmentFormControl = ({\n classes,\n topics,\n topic,\n tag,\n handleChangeTopic,\n handleChange,\n handleAddTag,\n errors,\n}) => {\n return (\n \n
\n \n
\n \n
\n \n
\n );\n};\n\nEnvironmentFormControl.propTypes = {\n classes: PropTypes.object.isRequired,\n topics: PropTypes.arrayOf(PropTypes.object),\n topic: PropTypes.string,\n tag: PropTypes.string,\n handleChangeTopic: PropTypes.func.isRequired,\n handleChange: PropTypes.func.isRequired,\n handleAddTag: PropTypes.func.isRequired,\n errors: PropTypes.any, // this is either bool or object\n};\n\nexport default withStyles(styles)(EnvironmentFormControl);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\n\nimport { withStyles } from '@material-ui/core';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Dialog from '@material-ui/core/Dialog';\nimport Button from '@material-ui/core/Button';\nimport Chip from '@material-ui/core/Chip';\nimport List from '@material-ui/core/List';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nimport {\n createEnvironment,\n editEnvironment,\n resetEnvironmentsProps,\n} from '../../../actions/environments';\nimport { resetMessageBoardsProps } from '../../../actions/messageboards';\nimport { getUserImages } from '../../../actions/images';\nimport ImagePreview from './ImagePreview';\nimport EnvironmentFormText from './EnvironmentFormText';\nimport EnvironmentFormControl from './EnvironmentFormControl';\nimport { isLoading } from '../../../reducers/display';\nimport types from '../../../utils/types';\n\nconst styles = theme => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n tagStyle: {\n margin: theme.spacing.unit,\n },\n loadingStyle: {\n margin: 'auto',\n padding: '5px',\n },\n});\n\nclass EnvironmentForm extends Component {\n constructor(props) {\n super(props);\n const { envExists, environment, repository } = props;\n this.state = {\n id: envExists ? environment.id : repository.id,\n name: envExists ? environment.name : repository.name,\n description: envExists ? environment.description : repository.description,\n tag: '',\n tags: envExists && Boolean(environment.tags) ? environment.tags : [],\n topic: envExists && Boolean(environment.topic) ? environment.topic.id : '',\n avatar: envExists ? environment.currentAvatar : null,\n avatarId:\n envExists && Boolean(environment.currentAvatar) ? environment.currentAvatar.id : null,\n };\n this.handleSelect = this.handleSelect.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleAddTag = this.handleAddTag.bind(this);\n this.handleDeleteTag = this.handleDeleteTag.bind(this);\n this.handleChangeTopic = this.handleChangeTopic.bind(this);\n }\n\n handleSelect = selectedAvatar => {\n if (selectedAvatar !== null) {\n this.setState({\n avatar: selectedAvatar,\n avatarId: selectedAvatar.id,\n });\n } else {\n this.setState({\n avatar: selectedAvatar,\n avatarId: null,\n });\n }\n };\n\n handleSubmit = event => {\n event.preventDefault();\n if (this.props.envExists) {\n this.props.editEnvironment(this.state);\n } else {\n const { name, description, id, tags, topic, avatarId } = this.state;\n this.props.createEnvironment(name, description, id, tags, topic, avatarId);\n }\n };\n\n handleChange = name => event => {\n event.preventDefault();\n this.setState({\n [name]: event.target.value,\n });\n };\n\n handleAddTag = () => {\n const tagArray = this.state.tags;\n if (!(tagArray.includes(this.state.tag) || this.state.tag === '')) {\n this.setState({\n tags: tagArray.concat([this.state.tag]),\n tag: '',\n });\n }\n };\n\n handleDeleteTag = tag => event => {\n event.preventDefault();\n const tagArray = this.state.tags;\n tagArray.splice(tagArray.indexOf(tag), 1);\n this.setState({\n tag: '',\n tags: tagArray,\n });\n };\n\n handleChangeTopic = event => {\n this.setState({ [event.target.name]: event.target.value });\n };\n\n componentDidUpdate(prevProps) {\n if (prevProps.uploadSuccess !== this.props.uploadSuccess && this.props.uploadSuccess) {\n // this is called many times in a row because the update is not fast enough\n this.props.onClose();\n this.props.resetEnvironmentsProps();\n }\n if (prevProps.uploadedImage !== this.props.uploadedImage && this.props.uploadedImage) {\n const { uploadedImage } = this.props;\n this.setState({\n avatar: uploadedImage,\n avatarId: uploadedImage.id,\n });\n }\n if (prevProps.uploadMessageBoard !== this.props.uploadMessageBoard && this.props.uploadMessageBoard) {\n // this is called many times in a row because the update is not fast enough\n this.props.resetMessageBoardsProps();\n }\n }\n\n render() {\n const { classes, repository, topics, errors, loading } = this.props;\n const { tags } = this.state;\n return (\n \n );\n }\n}\n\nEnvironmentForm.propTypes = {\n getUserImages: PropTypes.func.isRequired,\n createEnvironment: PropTypes.func.isRequired,\n editEnvironment: PropTypes.func.isRequired,\n resetEnvironmentsProps: PropTypes.func.isRequired,\n resetMessageBoardsProps: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired,\n repository: PropTypes.object.isRequired,\n environment: PropTypes.object,\n open: PropTypes.bool.isRequired,\n envExists: PropTypes.bool.isRequired,\n topics: PropTypes.arrayOf(PropTypes.object),\n uploadSuccess: PropTypes.any, // this is either undefined or bool\n uploadedImage: PropTypes.any, // this is either undefined or object\n loading: PropTypes.bool.isRequired,\n errors: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.object,\n ]).isRequired,\n};\n\nconst mapStateToProps = state => ({\n topics: state.topics.topics,\n uploadSuccess: state.environments.uploadSuccess,\n uploadedImage: state.images.uploadedImage,\n uploadMessageBoard: state.messageboards.uploadSuccess,\n loading:\n isLoading(state.display, types.CREATE_ENVIRONMENT) ||\n isLoading(state.display, types.EDIT_ENVIRONMENT),\n});\n\nconst mapDispatchToProps = {\n getUserImages,\n createEnvironment,\n editEnvironment,\n resetEnvironmentsProps,\n resetMessageBoardsProps,\n};\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(EnvironmentForm);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nimport { deleteEnvironment, resetEnvironmentsProps } from '../../../actions/environments';\nimport { isLoading } from '../../../reducers/display';\nimport types from '../../../utils/types';\n\nconst styles = theme => ({\n loadingStyle: {\n marginRight: '20px',\n },\n});\n\nclass DeleteEnvironment extends Component {\n constructor(props) {\n super(props);\n this.handleDelete = this.handleDelete.bind(this);\n }\n handleDelete = () => {\n this.props.deleteEnvironment(this.props.environment);\n };\n componentDidUpdate(prevProps) {\n if (prevProps.deleteSuccess !== this.props.deleteSuccess && this.props.deleteSuccess) {\n // this is called many times in a row because the update is not fast enough\n this.props.handleCloseDelete();\n this.props.resetEnvironmentsProps();\n }\n }\n\n render() {\n const { classes, openDelete, handleCloseDelete, environment, loading } = this.props;\n return (\n \n );\n }\n}\n\nDeleteEnvironment.propTypes = {\n handleCloseDelete: PropTypes.func.isRequired,\n environment: PropTypes.object,\n openDelete: PropTypes.bool.isRequired,\n loading: PropTypes.bool.isRequired,\n deleteSuccess: PropTypes.any, // this is either undefined or bool\n};\n\nconst mapStateToProps = state => ({\n deleteSuccess: state.environments.deleteSuccess,\n loading: isLoading(state.display, types.DELETE_ENVIRONMENT),\n});\n\nconst mapDispatchToProps = {\n deleteEnvironment,\n resetEnvironmentsProps,\n};\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(DeleteEnvironment);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Fab from '@material-ui/core/Fab';\n\nimport AddIcon from '@material-ui/icons/Add';\nimport Edit from '@material-ui/icons/Edit';\nimport Delete from '@material-ui/icons/Delete';\n\nconst RepositoryItemFormArea = ({ classes, envExists, handleClickDelete, handleClickOpen }) => {\n return (\n \n \n Category \n \n \n {topics.map(topic => (\n \n ))}\n \n \n
\n \n \n Add a Tag \n \n \n \n \n }\n error={Boolean(errors && errors.tags)}\n />\n \n {errors && errors.tags}\n \n \n
\n \n {envExists ? (\n \n \n )}\n
\n );\n};\n\nRepositoryItemFormArea.propTypes = {\n classes: PropTypes.object.isRequired,\n envExists: PropTypes.bool.isRequired,\n handleClickDelete: PropTypes.func.isRequired,\n handleClickOpen: PropTypes.func.isRequired,\n};\n\nexport default RepositoryItemFormArea;\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core';\nimport ListItem from '@material-ui/core/ListItem';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\n\nimport { SciGymLogo, GithubIcon } from '../../files/images';\nimport EnvironmentForm from './EnvironmentForm';\nimport DeleteEnvironment from './DeleteEnvironment';\nimport { resetEnvironmentsErrors } from '../../../actions/environments';\nimport RepositoryItemFormArea from './RepositoryItemFormArea';\nimport types from '../../../utils/types';\nimport constants from '../../../utils/constants';\nimport { getErrors } from '../../../reducers/errors';\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n flexFlow: 'row wrap',\n },\n cardStyle: {\n width: '100%',\n },\n logoStyle: {\n flex: '1 1 10px',\n margin: 'auto',\n top: '0',\n bottom: '0',\n textAlign: 'center',\n },\n cardContentStyle: {\n flex: '1 1 400px',\n },\n buttonStyle: {\n margin: theme.spacing.unit,\n },\n buttonPosition: {\n position: 'absolute',\n right: '40px',\n bottom: '25px',\n },\n});\n\nclass RepositoryItem extends Component {\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n openDelete: false, // WHATS WRONG WITHT THIS STATE????\n };\n this.handleClickOpen = this.handleClickOpen.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleClickDelete = this.handleClickDelete.bind(this);\n this.handleCloseDelete = this.handleCloseDelete.bind(this);\n }\n\n get avatarUrl() {\n const isEnvironment = Boolean(this.props.environment);\n if (!isEnvironment) {\n return \n \n \n
\n ) : (\n \n
\n {Boolean(this.props.environment) && (\n \n {this.avatarUrl}\n
\n \n - \n
\n \n \n
\n );\n }\n}\n\nRepositories.propTypes = {\n repositories: PropTypes.arrayOf(PropTypes.object),\n findGymRepos: PropTypes.func.isRequired,\n};\n\nconst mapStateToProps = state => ({\n userExists: state.user.exists,\n repositories: state.repositories.userRepositories,\n findGymLoading: isLoading(state.display, types.FIND_GYM_REPOS),\n gymRepo: state.repositories.userRepositories.filter(repo => repo['gym']),\n notGymRepo: state.repositories.userRepositories.filter(repo => !repo['gym']),\n});\n\nconst mapDispatchToProps = {\n findGymRepos,\n getUserRepositories,\n};\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(Repositories);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport PropTypes from 'prop-types';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core';\nimport { deleteImage, resetImageProps } from '../../../actions/images';\nimport { isLoading } from '../../../reducers/display';\nimport types from '../../../utils/types';\n\nconst styles = theme => ({\n loadingStyle: {\n marginRight: '20px',\n },\n});\n\nclass DeleteImage extends Component {\n constructor(props) {\n super(props);\n this.handleDelete = this.handleDelete.bind(this);\n }\n handleDelete = () => {\n this.props.deleteImage(this.props.image);\n };\n\n componentDidUpdate(prevProps) {\n if (prevProps.deleteSuccess !== this.props.deleteSuccess && this.props.deleteSuccess) {\n // this is called many times in a row because the update is not fast enough\n this.props.handleCloseDelete();\n this.props.resetImageProps();\n }\n }\n\n render() {\n const { classes, openDelete, handleCloseDelete, loading } = this.props;\n return (\n \n );\n }\n}\n\nDeleteImage.propTypes = {\n handleCloseDelete: PropTypes.func.isRequired,\n image: PropTypes.object.isRequired,\n openDelete: PropTypes.bool.isRequired,\n loading: PropTypes.bool.isRequired,\n deleteSuccess: PropTypes.any, // this is undefined or bool\n};\n\nconst mapStateToProps = state => ({\n deleteSuccess: state.images.deleteSuccess,\n loading: isLoading(state.display, types.DELETE_IMAGE),\n});\nconst mapDispatchToProps = { deleteImage, resetImageProps };\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(DeleteImage);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Card from '@material-ui/core/Card';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Fab from '@material-ui/core/Fab';\n\nimport Delete from '@material-ui/icons/Delete';\n\nimport constants from '../../../utils/constants';\nimport DeleteImage from './DeleteImage';\n\nclass ImageCard extends Component {\n constructor(props) {\n super(props);\n this.state = {\n openDelete: false,\n };\n this.handleClickDelete.bind(this);\n this.handleCloseDelete.bind(this);\n }\n handleClickDelete = () => {\n this.setState({ openDelete: true });\n };\n\n handleCloseDelete = () => {\n this.setState({ openDelete: false });\n };\n render() {\n const { classes, image } = this.props;\n const { openDelete } = this.state;\n return (\n \n \n My repositories\n \n {findGymLoading ? (\n \n \n No repositories found\n \n )}\n {!empty && (\n
\n \n \n
\n \n \n \n My Images\n \n \n You can upload more images when creating environments from your repositories.\n \n \n {userImages.map(image => (\n \n \n ))}\n \n
\n );\n } else {\n return (\n \n \n My Images\n \n \n You don't have any images!\n \n \n \n
\n );\n }\n }\n}\n\nImages.propTypes = {\n userImages: PropTypes.arrayOf(PropTypes.object),\n getUserImages: PropTypes.func.isRequired,\n};\n\nconst mapStateToProps = state => ({\n userImages: state.images.userImages,\n});\n\nconst mapDispatchToProps = { getUserImages };\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(Images);\n","import React from 'react'\nimport { withStyles } from '@material-ui/core';\n\nimport Grid from '@material-ui/core/Grid';\nimport ListItem from '@material-ui/core/ListItem';\nimport Typography from '@material-ui/core/Typography';\nimport Hidden from '@material-ui/core/Hidden';\n\nconst styles = theme => ({\n root: {\n flex: '1',\n },\n});\n\nconst MessageBoardsHead = props => {\n const { classes } = props;\n return (\n \n
\n );\n};\n\nMessageBoardFormText.propTypes = {\n classes: PropTypes.object.isRequired,\n title: PropTypes.string.isRequired,\n description: PropTypes.string,\n handleChange: PropTypes.func.isRequired,\n errors: PropTypes.any, // this is either bool or object\n};\n\nexport default withStyles(styles)(MessageBoardFormText);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nimport FormControl from '@material-ui/core/FormControl';\nimport FormHelperText from '@material-ui/core/FormHelperText';\nimport Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport IconButton from '@material-ui/core/IconButton';\n\nimport AddIcon from '@material-ui/icons/Add';\n\nconst styles = theme => ({\n root: {\n width: '100%',\n },\n child: {\n width: 'auto',\n margin: theme.spacing.unit * 2,\n },\n textField: {\n width: '100%',\n },\n});\n\nconst MessageBoardFormControl = ({\n classes,\n tag,\n handleChange,\n handleAddTag,\n errors,\n}) => {\n return (\n \n
\n \n
\n \n
\n );\n};\n\nMessageBoardFormControl.propTypes = {\n classes: PropTypes.object.isRequired,\n tag: PropTypes.string,\n handleChange: PropTypes.func.isRequired,\n handleAddTag: PropTypes.func.isRequired,\n errors: PropTypes.any, // this is either bool or object\n};\n\nexport default withStyles(styles)(MessageBoardFormControl);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\n\nimport { withStyles } from '@material-ui/core';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Dialog from '@material-ui/core/Dialog';\nimport Button from '@material-ui/core/Button';\nimport Chip from '@material-ui/core/Chip';\nimport List from '@material-ui/core/List';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nimport {\n createMessageBoard,\n resetMessageBoardsProps,\n editMessageBoard,\n} from '../../actions/messageboards';\nimport { getErrors } from '../../reducers/errors';\nimport MessageBoardFormText from './MessageBoardFormText';\nimport MessageBoardFormControl from './MessageBoardFormControl';\nimport { isLoading } from '../../reducers/display';\nimport types from '../../utils/types';\n\nconst styles = theme => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n tagStyle: {\n margin: theme.spacing.unit,\n },\n loadingStyle: {\n margin: 'auto',\n padding: '5px',\n },\n});\n\nclass MessageBoardForm extends Component {\n constructor(props) {\n super(props);\n const { environment, messageboard } = props;\n const envExists = Boolean(environment);\n const boardExists = Boolean(messageboard)\n this.state = {\n id: boardExists ? messageboard.id : undefined,\n environment: envExists ? environment.id : undefined,\n title: boardExists ? messageboard.title : '',\n description: boardExists ? messageboard.description : '',\n tag: '',\n tags: boardExists && Boolean(messageboard.tags) ? messageboard.tags : [],\n };\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleAddTag = this.handleAddTag.bind(this);\n this.handleDeleteTag = this.handleDeleteTag.bind(this);\n }\n\n handleSubmit = event => {\n event.preventDefault();\n const boardExists = Boolean(this.props.messageboard);\n if (boardExists) {\n this.props.editMessageBoard(this.state);\n } else {\n this.props.createMessageBoard(this.state);\n }\n }\n\n handleChange = title => event => {\n event.preventDefault();\n this.setState({\n [title]: event.target.value,\n });\n };\n\n handleAddTag = () => {\n const tagArray = this.state.tags;\n if (!(tagArray.includes(this.state.tag) || this.state.tag === '')) {\n this.setState({\n tags: tagArray.concat([this.state.tag]),\n tag: '',\n });\n }\n };\n\n handleDeleteTag = tag => event => {\n event.preventDefault();\n const tagArray = this.state.tags;\n tagArray.splice(tagArray.indexOf(tag), 1);\n this.setState({\n tag: '',\n tags: tagArray,\n });\n };\n\n componentDidUpdate(prevProps) {\n if (prevProps.uploadSuccess !== this.props.uploadSuccess && this.props.uploadSuccess) {\n // this is called many times in a row because the update is not fast enough\n this.props.onClose();\n this.props.resetMessageBoardsProps();\n }\n if (this.state.environment === undefined && Boolean(this.props.environment)) {\n this.setState({ environment: this.props.environment.id })\n }\n }\n\n render() {\n const { classes, errors, loading } = this.props;\n const { tags } = this.state;\n return (\n \n );\n }\n}\n\nMessageBoardForm.propTypes = {\n createMessageBoard: PropTypes.func.isRequired,\n resetMessageBoardsProps: PropTypes.func.isRequired,\n editMessageBoard: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired,\n environment: PropTypes.object.isRequired,\n open: PropTypes.bool.isRequired,\n uploadSuccess: PropTypes.any, // this is either undefined or bool\n loading: PropTypes.bool.isRequired,\n messageboard: PropTypes.any, // this is either undefined or an object\n errors: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.object,\n ]).isRequired,\n};\n\nfunction mapStateToProps(state) {\n const errorsCreate = getErrors(state.errors, types.CREATE_MESSAGEBOARD);\n const errorsEdit = getErrors(state.errors, types.EDIT_MESSAGEBOARD);\n const errors = Boolean(errorsCreate) ? errorsCreate : Boolean(errorsEdit) && errorsEdit;\n return {\n uploadSuccess: state.messageboards.uploadSuccess,\n loading:\n isLoading(state.display, types.CREATE_MESSAGEBOARD) ||\n isLoading(state.display, types.EDIT_MESSAGEBOARD),\n errors: errors,\n };\n};\n\nconst mapDispatchToProps = {\n createMessageBoard,\n resetMessageBoardsProps,\n editMessageBoard,\n};\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(MessageBoardForm);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nimport {\n deleteMessageBoard,\n resetMessageBoardsProps,\n} from '../../../actions/messageboards';\nimport { isLoading } from '../../../reducers/display';\nimport types from '../../../utils/types';\n\nconst styles = theme => ({\n loadingStyle: {\n marginRight: '20px',\n },\n});\n\nclass MessageBoardsDelete extends Component {\n constructor(props) {\n super(props);\n this.handleDelete = this.handleDelete.bind(this);\n }\n\n handleDelete = () => {\n this.props.deleteMessageBoard(this.props.messageboard);\n };\n\n componentDidUpdate(prevProps) {\n if (prevProps.deleteSuccess !== this.props.deleteSuccess && this.props.deleteSuccess) {\n // this is called many times in a row because the update is not fast enough\n this.props.handleCloseDelete();\n this.props.resetMessageBoardsProps();\n }\n }\n\n render() {\n const { classes, openDelete, handleCloseDelete, loading } = this.props;\n return (\n \n );\n }\n}\n\nMessageBoardsDelete.propTypes = {\n handleCloseDelete: PropTypes.func.isRequired,\n messageboard: PropTypes.object,\n openDelete: PropTypes.bool.isRequired,\n loading: PropTypes.bool.isRequired,\n deleteSuccess: PropTypes.any, // this is either undefined or bool\n};\n\nconst mapStateToProps = state => ({\n deleteSuccess: state.messageboards.deleteSuccess,\n loading: isLoading(state.display, types.DELETE_MESSAGEBOARD),\n});\n\nconst mapDispatchToProps = {\n deleteMessageBoard,\n resetMessageBoardsProps,\n};\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(MessageBoardsDelete);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Fab from '@material-ui/core/Fab';\n\nimport Edit from '@material-ui/icons/Edit';\nimport Delete from '@material-ui/icons/Delete';\n\nimport MessageBoardForm from '../../environment/MessageBoardForm';\nimport MessageBoardsDelete from './MessageBoardsDelete';\n\nclass MessageBoardsActions extends Component {\n constructor(props) {\n super(props);\n this.state = {\n openForm: false,\n openDelete: false\n };\n }\n\n handleClickOpen = () => {\n const newStateOpen = !this.state.openForm;\n this.setState({\n openForm: newStateOpen,\n });\n };\n\n handleClickDelete = () => {\n const newStateOpen = !this.state.openDelete;\n this.setState({\n openDelete: newStateOpen,\n });\n };\n\n handleClose = () => {\n this.setState({ openForm: false, openDelete: false });\n };\n\n render() {\n const { messageboard } = this.props;\n const { classes } = this.props;\n const { openForm, openDelete } = this.state;\n return (\n \n \n Add a Tag \n \n \n \n \n }\n error={Boolean(errors && errors.tags)}\n />\n \n {errors && errors.tags}\n \n \n
\n \n
\n );\n }\n};\n\nMessageBoardsActions.propTypes = {\n classes: PropTypes.object.isRequired,\n messageboard: PropTypes.object.isRequired,\n};\n\nexport default MessageBoardsActions;\n","import React, { Component } from 'react'\nimport { withStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nimport Grid from '@material-ui/core/Grid';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Avatar from '@material-ui/core/Avatar';\nimport ChatBubbleIcon from '@material-ui/icons/ChatBubble';\nimport Hidden from '@material-ui/core/Hidden';\nimport List from '@material-ui/core/List';\nimport Chip from '@material-ui/core/Chip';\n\nimport MessageBoardsActions from './MessageBoardsActions';\n\nconst styles = theme => ({\n root: {\n flex: '1',\n },\n tagStyle: {\n margin: theme.spacing.unit * 0.2,\n [theme.breakpoints.down('xs')]: {\n margin: '0',\n },\n },\n buttonStyle: {\n margin: theme.spacing.unit * 0.2,\n [theme.breakpoints.down('xs')]: {\n margin: theme.spacing.unit * 0.1,\n },\n }\n});\n\nclass MessageBoardItem extends Component {\n render() {\n const { classes, messageboard } = this.props;\n const { tags, titleUrl, environment } = messageboard\n return (\n \n \n \n
\n - \n {tags.map(tag => {\n const label = tag.length > 20 ? tag.substring(0, 17) + '...' : tag // TODO: Do this at breakpoints\n return (\n
\n {messageboards.length > 0 ? (\n \n \n ) : (\n
\n );\n };\n};\n\nMessageBoards.propTypes = {\n classes: PropTypes.object.isRequired,\n messageboards: PropTypes.arrayOf(PropTypes.object),\n replies: PropTypes.object,\n};\n\nfunction mapStateToProps(state) {\n const { messageboards, num_comments } = state.messageboards;\n const { id } = state.user;\n return {\n messageboards: messageboards.filter(board => board.author.id === id),\n replies: num_comments,\n };\n}\n\nexport default compose(\n connect(mapStateToProps),\n withStyles(styles)\n)(MessageBoards);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { Switch, Route, Redirect } from 'react-router-dom';\n\nimport { withStyles } from '@material-ui/core';\n\nimport Account from './account/Account';\nimport Settings from './Settings';\nimport Repositories from './repositories/Repositories';\nimport Images from './images/Images';\nimport MessageBoards from './messageboards/MessageBoards';\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n flexFlow: 'row nowrap',\n height: '100%',\n },\n});\n\nconst Profile = ({ classes, userExists }) => {\n if (!userExists) {\n return - \n
\n \n My Message Boards\n \n \n You haven't openend any discussions yet!\n \n
\n )\n }\n \n \n \n
\n );\n};\n\nProfile.propTypes = {\n userExists: PropTypes.bool.isRequired,\n};\n\nconst mapStateToProps = state => ({\n userExists: state.user.exists,\n});\n\nexport default compose(\n connect(mapStateToProps),\n withStyles(styles)\n)(Profile);\n","// file copied and modified from https://github.com/mui-org/material-ui/blob/master/docs/src/pages/getting-started/page-layout-examples/blog/Markdown.js\nimport React from 'react';\nimport ReactMarkdown from 'markdown-to-jsx';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = theme => ({\n listItem: {\n marginTop: theme.spacing.unit,\n },\n blockquoteStyle: {\n margin: theme.spacing.unit,\n borderLeft: '2px solid #ccc',\n paddingLeft: theme.spacing.unit,\n },\n});\n\nconst options = {\n overrides: {\n pre: {\n props: {\n style: {\n backgroundColor: '#f5f5f5',\n padding: '10px',\n overflowX: 'auto',\n },\n },\n },\n code: {\n props: {\n style: {\n backgroundColor: '#f5f5f5',\n padding: '3px',\n },\n },\n },\n h1: { component: props => \n {props.children}\n\n )),\n },\n li: {\n component: withStyles(styles)(({ classes, ...props }) => (\n
\n \n How to use SciGym?\n \n \n \n \n {markdown}\n \n
\n );\n }\n}\n\nPlay.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(Play);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\nimport Card from '@material-ui/core/Card';\nimport CardMedia from '@material-ui/core/CardMedia';\n\nimport constants from '../../utils/constants';\nimport Markdown from '../Markdown';\n\nconst styles = theme => ({\n root: {\n margin: 'auto',\n paddingLeft: '10%',\n paddingRight: '10%',\n [theme.breakpoints.down('sm')]: {\n paddingLeft: '0%',\n paddingRight: '0%',\n },\n [theme.breakpoints.up('lg')]: {\n paddingLeft: '10%',\n paddingRight: '10%',\n },\n },\n card: {\n maxWidth: '100%',\n marginLeft: theme.spacing.unit * 10,\n marginRight: theme.spacing.unit * 10,\n [theme.breakpoints.down('xs')]: {\n margin: theme.spacing.unit * 1,\n },\n [theme.breakpoints.up('lg')]: {\n marginLeft: theme.spacing.unit * 15,\n marginRight: theme.spacing.unit * 15,\n },\n },\n media: {\n height: 0,\n paddingTop: '75%',\n },\n title: {\n margin: theme.spacing.unit * 2,\n marginTop: theme.spacing.unit * 6,\n },\n markdown: {\n padding: `${theme.spacing.unit * 3}px 0`,\n },\n});\n\nclass Contribute extends Component {\n state = {\n markdown: '',\n };\n componentDidMount() {\n const mdPath = require('./contribute.md');\n\n fetch(mdPath)\n .then(response => {\n return response.text();\n })\n .then(text => {\n this.setState({\n markdown: text,\n });\n });\n }\n render() {\n const { markdown } = this.state;\n const { classes } = this.props;\n return (\n \n \n How to contribute to SciGym?\n \n \n \n \n {markdown}\n \n
\n );\n }\n}\n\nContribute.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(Contribute);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport YouTube from 'react-youtube';\n\nimport { withStyles } from '@material-ui/core';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport AppBar from '@material-ui/core/AppBar';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\n\nimport Play from './Play';\nimport Contribute from './Contribute';\n\nconst styles = theme => ({\n root: {\n margin: 'auto',\n paddingLeft: '10%',\n paddingRight: '10%',\n backgroundColor: 'AliceBlue',\n paddingTop: theme.spacing.unit,\n [theme.breakpoints.down('sm')]: {\n paddingLeft: '0%',\n paddingRight: '0%',\n },\n [theme.breakpoints.up('lg')]: {\n paddingLeft: '20%',\n paddingRight: '20%',\n },\n },\n playerPaper: {\n display: 'flex',\n width: '100%',\n },\n playerWrapper: {\n position: 'relative',\n width: '100%',\n paddingBottom: '56.25%' /* Player ratio: 16:9 */,\n margin: theme.spacing.unit,\n },\n player: {\n position: 'absolute',\n top: '0',\n left: '0',\n },\n title: {\n position: 'relative',\n margin: theme.spacing.unit * 2,\n marginTop: theme.spacing.unit * 6,\n },\n startPaper: {\n display: 'flexGrow',\n width: '100%',\n marginTop: '10px',\n },\n appBarStyle: {\n backgroundColor: '#039be5', //'#2196f3',//'#448aff',\n zIndex: '0',\n },\n});\n\nfunction TabContainer(props) {\n return (\n \n \n What is SciGym?\n \n \n \n \n \n \n \n \n {value === 0 && (\n \n \n )}\n {value === 1 && (\n \n \n )}\n \n
\n );\n }\n}\n\nGetStarted.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(GetStarted);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = {\n card: {\n width: 200,\n },\n media: {\n height: 200,\n },\n};\n\nfunction ContributorCard(props) {\n const { classes, contributor } = props;\n\n return (\n \n
\n \n \n Impressum\n \n \n Authors\n \n \n Hendrik Poulsen Nautrup
\n Erik Niehaus
\n Petru Tighineanu
\n Ryan Sweke
\n \n \n Contact Us\n \n \n If you have any questions or ideas, contact us at info@scigym.ai, or find us on{' '}\n Twitter\n \n \n Supporters\n \n \n \n \n \n \n 
\n \n \n \n Contributors\n \n \n {contributors.map(contributor => (\n \n \n ))}\n \n \n Thanks to everyone who contributed!\n \n
\n );\n}\n\nImpressum.propTypes = {\n classes: PropTypes.object.isRequired,\n contributors: PropTypes.arrayOf(PropTypes.object),\n};\n\nconst mapStateToProps = state => ({\n contributors: state.contributors.contributors,\n});\n\nexport default compose(\n connect(mapStateToProps),\n withStyles(styles)\n)(Impressum);\n","import React, { useState } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { compose } from 'redux';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\n\nconst styles = theme => ({\n close: {\n padding: theme.spacing.unit / 2,\n },\n});\n\nconst Notification = ({ classes, notification }) => {\n const [visible, setVisible] = useState(true);\n const handleClose = (_, reason) => {\n if (reason === 'clickaway') return;\n setVisible(false);\n };\n if (!notification) return null;\n return (\n \n Erik Niehaus
\n Petru Tighineanu
\n Ryan Sweke
\n
\n \n \n \n {name}\n \n
\n );\n }\n}\n\nEnvironmentDetailContent.propTypes = {\n environment: PropTypes.object,\n};\n\nexport default withStyles(styles)(EnvironmentDetailContent);\n","import React from 'react'\nimport { withStyles } from '@material-ui/core';\n\nimport Grid from '@material-ui/core/Grid';\nimport ListItem from '@material-ui/core/ListItem';\nimport Typography from '@material-ui/core/Typography';\nimport Hidden from '@material-ui/core/Hidden';\n\nconst styles = theme => ({\n root: {\n flex: '1',\n },\n});\n\nconst MessageBoardHead = props => {\n const { classes } = props;\n return (\n \n \n {description}\n \n \n Owner: {owner.username} {' '}\n {fork ? (forked) : ''}\n \n \n Category: {topic ? {topic.name} : None }\n \n \n \n \n Tags: {tags.length === 0 && None }\n \n \n \n \n \n \n \n \n \n \n \n \n
\n - \n {tags.map(tag => (\n
- \n {tags.map(tag => {\n const label = tag.length > 20 ? tag.substring(0, 17) + '...' : tag // TODO: Do this at breakpoints\n return (\n
\n \n \n \n
\n );\n }\n}\n\nMessageBoard.propTypes = {\n environment: PropTypes.object,\n messageboards: PropTypes.arrayOf(PropTypes.object),\n replies: PropTypes.object,\n env_url: PropTypes.string.isRequired,\n userExists: PropTypes.bool.isRequired,\n};\n\nfunction mapStateToProps(state, ownProps) {\n const { messageboards, num_comments } = state.messageboards;\n const { env_url } = ownProps;\n return {\n messageboards: messageboards.filter(board => board.environment.url === env_url),\n userExists: state.user.exists,\n replies: num_comments\n };\n}\n\nexport default compose(\n connect(mapStateToProps),\n withStyles(styles)\n)(MessageBoard);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport Card from '@material-ui/core/Card';\nimport CardMedia from '@material-ui/core/CardMedia';\n\nimport constants from '../../utils/constants';\nimport EnvironmentDetailContent from './EnvironmentDetailContent';\nimport MessageBoard from './MessageBoard';\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n flexFlow: 'row wrap',\n backgroundColor: 'AliceBlue',\n },\n title: {\n margin: theme.spacing.unit * 2,\n marginTop: theme.spacing.unit * 6,\n },\n gridStyle: {\n paddingTop: '50px',\n },\n gridImg: {\n width: '300px',\n margin: theme.spacing.unit,\n [theme.breakpoints.down('sm')]: {\n width: '200px',\n },\n },\n gridContent: {\n width: '600px',\n margin: theme.spacing.unit,\n [theme.breakpoints.down('md')]: {\n width: '400px',\n },\n },\n imgCardStyle: {\n width: '175px',\n [theme.breakpoints.down('sm')]: {\n width: '150px',\n },\n },\n mediaStyle: {\n height: '175px',\n [theme.breakpoints.down('sm')]: {\n height: '150px',\n },\n },\n});\n\nclass EnvironmentDetail extends Component {\n\n render() {\n const { classes, environment } = this.props;\n const { env_url } = this.props.match.params\n let filePath = constants.STATIC_URL + constants.SCIGYM_LOGO;\n if (!(environment === undefined)) {\n const { currentAvatar } = this.props.environment;\n if (currentAvatar != null) {\n filePath = constants.MEDIA_URL.concat(currentAvatar.filePath)\n }\n }\n return (\n - \n
\n {environment === undefined ? (\n \n There is no environment here...\n \n ) : (\n
\n );\n }\n}\n\nEnvironmentDetail.propTypes = {\n environment: PropTypes.object,\n};\n\nfunction mapStateToProps(state, ownProps) {\n const { environments } = state.environments;\n let { env_url } = ownProps.match.params;\n return {\n environment: environments.find(env => env.url === env_url),\n };\n}\n\nexport default compose(\n connect(mapStateToProps),\n withStyles(styles)\n)(EnvironmentDetail);\n","import React from 'react'\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = theme => ({\n textBlock: {\n margin: theme.spacing.unit * 5,\n marginRight: theme.spacing.unit * 10,\n marginLeft: theme.spacing.unit * 10,\n [theme.breakpoints.down('sm')]: {\n margin: theme.spacing.unit * 1,\n marginRight: theme.spacing.unit * 2,\n marginLeft: theme.spacing.unit * 2,\n },\n [theme.breakpoints.up('lg')]: {\n margin: theme.spacing.unit * 5,\n marginRight: theme.spacing.unit * 20,\n marginLeft: theme.spacing.unit * 20,\n },\n },\n title: {\n marginTop: theme.spacing.unit * 4,\n marginBottom: theme.spacing.unit,\n }\n})\n\nconst PrivatePolicy = ({ classes }) => {\n return (\n \n \n \n \n \n \n \n \n \n
\n )}\n \n
\n );\n};\n\nPrivatePolicy.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(PrivatePolicy);\n","import React from 'react'\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = theme => ({\n textBlock: {\n margin: theme.spacing.unit * 5,\n marginRight: theme.spacing.unit * 10,\n marginLeft: theme.spacing.unit * 10,\n [theme.breakpoints.down('sm')]: {\n margin: theme.spacing.unit * 1,\n marginRight: theme.spacing.unit * 2,\n marginLeft: theme.spacing.unit * 2,\n },\n [theme.breakpoints.up('lg')]: {\n margin: theme.spacing.unit * 5,\n marginRight: theme.spacing.unit * 20,\n marginLeft: theme.spacing.unit * 20,\n },\n },\n title: {\n marginTop: theme.spacing.unit * 4,\n marginBottom: theme.spacing.unit,\n }\n})\n\nconst TermsAndConditions = ({ classes }) => {\n return (\n \n Privacy policy \n This privacy policy ("Policy") describes how Website Operator ("Website Operator", "we", "us" or "our") collects, protects and uses the personally identifiable information ("Personal Information") you ("User", "you" or "your") may provide on the scigym.ai website and any of its products or services (collectively, "Website" or "Services"). It also describes the choices available to you regarding our use of your Personal Information and how you can access and update this information. This Policy does not apply to the practices of companies that we do not own or control, or to individuals that we do not employ or manage. \n Automatic collection of information \n When you visit the Website our servers automatically record information that your browser sends. This data may include information such as your device's IP address, browser type and version, operating system type and version, language preferences or the webpage you were visiting before you came to our Website, pages of our Website that you visit, the time spent on those pages, information you search for on our Website, access times and dates, and other statistics. \n Collection of personal information \n You can visit the Website without telling us who you are or revealing any information by which someone could identify you as a specific, identifiable individual. If, however, you wish to use some of the Website's features, you will be asked to provide certain Personal Information (for example, your name and e-mail address). We receive and store any information you knowingly provide to us when you create an account, publish content, or fill any online forms on the Website. When required, this information may include your email address, name, or other Personal Information. You can choose not to provide us with your Personal Information, but then you may not be able to take advantage of some of the Website's features. Users who are uncertain about what information is mandatory are welcome to contact us. \n Managing personal information \n You are able to access, add to, update and delete certain Personal Information about you. The information you can view, update, and delete may change as the Website or Services change. When you update information, however, we may maintain a copy of the unrevised information in our records. Some information may remain in our private records after your deletion of such information from your account. We will retain and use your Personal Information for the period necessary to comply with our legal obligations, resolve disputes, and enforce our agreements unless a longer retention period is required or permitted by law. We may use any aggregated data derived from or incorporating your Personal Information after you update or delete it, but not in a manner that would identify you personally. Once the retention period expires, Personal Information shall be deleted. Therefore, the right to access, the right to erasure, the right to rectification and the right to data portability cannot be enforced after the expiration of the retention period. \n Use and processing of collected information \n Any of the information we collect from you may be used to personalize your experience; improve our Website; improve customer service and respond to queries and emails of our customers; send notification emails such as password reminders, updates, etc; run and operate our Website and Services. Information collected automatically is used only to identify potential cases of abuse and establish statistical information regarding Website usage. This statistical information is not otherwise aggregated in such a way that would identify any particular user of the system. \n We may process Personal Information related to you if one of the following applies: (i) You have given your consent for one or more specific purposes. Note that under some legislations we may be allowed to process information until you object to such processing (by opting out), without having to rely on consent or any other of the following legal bases below. This, however, does not apply, whenever the processing of Personal Information is subject to European data protection law; (ii) Provision of information is necessary for the performance of an agreement with you and/or for any pre-contractual obligations thereof; (iii) Processing is necessary for compliance with a legal obligation to which you are subject; (iv) Processing is related to a task that is carried out in the public interest or in the exercise of official authority vested in us; (v) Processing is necessary for the purposes of the legitimate interests pursued by us or by a third party. In any case, we will be happy to clarify the specific legal basis that applies to the processing, and in particular whether the provision of Personal Information is a statutory or contractual requirement, or a requirement necessary to enter into a contract. \n Information transfer and storage \n Depending on your location, data transfers may involve transferring and storing your information in a country other than your own. You are entitled to learn about the legal basis of information transfers to a country outside the European Union or to any international organization governed by public international law or set up by two or more countries, such as the UN, and about the security measures taken by us to safeguard your information. If any such transfer takes place, you can find out more by checking the relevant sections of this document or inquire with us using the information provided in the contact section. \n The rights of users \n You may exercise certain rights regarding your information processed by us. In particular, you have the right to do the following: (i) you have the right to withdraw consent where you have previously given your consent to the processing of your information; (ii) you have the right to object to the processing of your information if the processing is carried out on a legal basis other than consent; (iii) you have the right to learn if information is being processed by us, obtain disclosure regarding certain aspects of the processing and obtain a copy of the information undergoing processing; (iv) you have the right to verify the accuracy of your information and ask for it to be updated or corrected; (v) you have the right, under certain circumstances, to restrict the processing of your information, in which case, we will not process your information for any purpose other than storing it; (vi) you have the right, under certain circumstances, to obtain the erasure of your Personal Information from us; (vii) you have the right to receive your information in a structured, commonly used and machine readable format and, if technically feasible, to have it transmitted to another controller without any hindrance. This provision is applicable provided that your information is processed by automated means and that the processing is based on your consent, on a contract which you are part of or on pre-contractual obligations thereof. \n The right to object to processing \n Where Personal Information is processed for the public interest, in the exercise of an official authority vested in us or for the purposes of the legitimate interests pursued by us, you may object to such processing by providing a ground related to your particular situation to justify the objection. You must know that, however, should your Personal Information be processed for direct marketing purposes, you can object to that processing at any time without providing any justification. To learn, whether we are processing Personal Information for direct marketing purposes, you may refer to the relevant sections of this document. \n How to exercise these rights \n Any requests to exercise User rights can be directed to the Owner through the contact details provided in this document. These requests can be exercised free of charge and will be addressed by the Owner as early as possible. \n Privacy of children \n We do not knowingly collect any Personal Information from children under the age of 13. If you are under the age of 13, please do not submit any Personal Information through our Website or Service. We encourage parents and legal guardians to monitor their children's Internet usage and to help enforce this Policy by instructing their children never to provide Personal Information through our Website or Service without their permission. If you have reason to believe that a child under the age of 13 has provided Personal Information to us through our Website or Service, please contact us. You must also be at least 16 years of age to consent to the processing of your Personal Information in your country (in some countries we may allow your parent or guardian to do so on your behalf). \n Cookies \n The Website uses "cookies" to help personalize your online experience. A cookie is a text file that is placed on your hard disk by a web page server. Cookies cannot be used to run programs or deliver viruses to your computer. Cookies are uniquely assigned to you, and can only be read by a web server in the domain that issued the cookie to you. We may use cookies to collect, store, and track information for statistical purposes to operate our Website and Services. You have the ability to accept or decline cookies. Most web browsers automatically accept cookies, but you can usually modify your browser setting to decline cookies if you prefer. To learn more about cookies and how to manage them, visit internetcookies.org \n Do Not Track signals \n Some browsers incorporate a Do Not Track feature that signals to websites you visit that you do not want to have your online activity tracked. Tracking is not the same as using or collecting information in connection with a website. For these purposes, tracking refers to collecting personally identifiable information from consumers who use or visit a website or online service as they move across different websites over time. How browsers communicate the Do Not Track signal is not yet uniform. As a result, this Website is not yet set up to interpret or respond to Do Not Track signals communicated by your browser. Even so, as described in more detail throughout this Policy, we limit our use and collection of your personal information. \n Links to other websites \n Our Website contains links to other websites that are not owned or controlled by us. Please be aware that we are not responsible for the privacy practices of such other websites or third-parties. We encourage you to be aware when you leave our Website and to read the privacy statements of each and every website that may collect Personal Information. \n Information security \n We secure information you provide on computer servers in a controlled, secure environment, protected from unauthorized access, use, or disclosure. We maintain reasonable administrative, technical, and physical safeguards in an effort to protect against unauthorized access, use, modification, and disclosure of Personal Information in its control and custody. However, no data transmission over the Internet or wireless network can be guaranteed. Therefore, while we strive to protect your Personal Information, you acknowledge that (i) there are security and privacy limitations of the Internet which are beyond our control; (ii) the security, integrity, and privacy of any and all information and data exchanged between you and our Website cannot be guaranteed; and (iii) any such information and data may be viewed or tampered with in transit by a third-party, despite best efforts. \n Data breach \n In the event we become aware that the security of the Website has been compromised or users Personal Information has been disclosed to unrelated third parties as a result of external activity, including, but not limited to, security attacks or fraud, we reserve the right to take reasonably appropriate measures, including, but not limited to, investigation and reporting, as well as notification to and cooperation with law enforcement authorities. In the event of a data breach, we will make reasonable efforts to notify affected individuals if we believe that there is a reasonable risk of harm to the user as a result of the breach or if notice is otherwise required by law. When we do, we will post a notice on the Website. \n Legal disclosure \n We will disclose any information we collect, use or receive if required or permitted by law, such as to comply with a subpoena, or similar legal process, and when we believe in good faith that disclosure is necessary to protect our rights, protect your safety or the safety of others, investigate fraud, or respond to a government request. \n Changes and amendments \n We may update this Privacy Policy from time to time in our discretion and will notify you of any material changes to the way in which we treat Personal Information. When changes are made, we will revise the updated date at the bottom of this page. We may also provide notice to you in other ways in our discretion, such as through contact information you have provided. Any updated version of this Privacy Policy will be effective immediately upon the posting of the revised Privacy Policy unless otherwise specified. Your continued use of the Website or Services after the effective date of the revised Privacy Policy (or such other act specified at that time) will constitute your consent to those changes. However, we will not, without your consent, use your Personal Data in a manner materially different than what was stated at the time your Personal Data was collected. Policy was created with WebsitePolicies. \n Acceptance of this policy \n You acknowledge that you have read this Policy and agree to all its terms and conditions. By using the Website or its Services you agree to be bound by this Policy. If you do not agree to abide by the terms of this Policy, you are not authorized to use or access the Website and its Services. \n Contacting us \n If you would like to contact us to understand more about this Policy or wish to contact us concerning any matter relating to individual rights and your Personal Information, you may send an email to info@scigym.ai \n This document was last zxc@asd updated on August 30, 2019 \n
\n \n
\n );\n};\n\nTermsAndConditions.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(TermsAndConditions);\n","import types from '../utils/types';\n\nimport api from '../utils/api';\nimport { logError } from '../utils/errors';\n\nexport const getComments = params => {\n return dispatch => {\n dispatch({ type: types.GET_COMMENTS_LIST });\n api\n .getComments(params)\n .then(response => {\n dispatch({\n type: types.GET_COMMENTS_LIST_SUCCESS,\n payload: response.data,\n });\n })\n .catch(error => {\n dispatch({ type: types.GET_COMMENTS_LIST_FAILURE });\n logError(error);\n });\n };\n};\n\nexport const createComment = (...args) => {\n return dispatch => {\n dispatch({ type: types.CREATE_COMMENT });\n api\n .createComment(...args)\n .then(response => {\n dispatch({\n type: types.CREATE_COMMENT_SUCCESS,\n payload: response.data,\n });\n const messageboardId = args[1];\n dispatch(getComments(messageboardId));\n })\n .catch(error => {\n dispatch({ type: types.CREATE_COMMENT_FAILURE, payload: error });\n logError(error);\n });\n };\n};\n\nexport const editComment = (...args) => {\n return dispatch => {\n dispatch({ type: types.EDIT_COMMENT });\n api\n .editComment(...args)\n .then(response => {\n dispatch({\n type: types.EDIT_COMMENT_SUCCESS,\n payload: response.data,\n });\n const messageboardId = args[2];\n dispatch(getComments(messageboardId));\n })\n .catch(error => {\n dispatch({ type: types.EDIT_COMMENT_FAILURE, payload: error });\n logError(error);\n });\n };\n};\n\nexport const deleteComment = comment => {\n return dispatch => {\n dispatch({\n type: types.DELETE_COMMENT,\n meta: comment,\n });\n api\n .deleteComment(comment)\n .then(response => {\n dispatch({\n type: types.DELETE_COMMENT_SUCCESS,\n payload: response.data,\n });\n dispatch(getComments(comment.board.id));\n })\n .catch(error => {\n dispatch({ type: types.DELETE_COMMENT_FAILURE });\n logError(error);\n });\n };\n};\n\nexport const resetCommentsProps = () => {\n return dispatch => {\n dispatch({ type: types.RESET_COMMENTS_PROPS });\n };\n};\n\nexport const resetCommentsErrors = () => {\n return dispatch => {\n dispatch({ type: types.RESET_COMMENTS_ERRORS });\n };\n};\n\nexport const resetComments = () => {\n return dispatch => {\n dispatch({ type: types.RESET_COMMENTS })\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nimport TextField from '@material-ui/core/TextField';\n\nconst styles = theme => ({\n root: {\n width: '100%',\n },\n child: {\n width: 'auto',\n margin: theme.spacing.unit * 2,\n },\n textField: {\n width: '100%',\n },\n});\n\nconst CommentFormText = ({ classes, commentText, handleChange, errors }) => {\n return (\n \n Terms and Conditions \n These terms and conditions ("Terms", "Agreement") are an agreement between Website Operator ("Website Operator", "us", "we" or "our") and you ("User", "you" or "your"). This Agreement sets forth the general terms and conditions of your use of the scigym.ai website and any of its products or services (collectively, "Website" or "Services"). \n Accounts and membership \n If you create an account on the Website, you are responsible for maintaining the security of your account and you are fully responsible for all activities that occur under the account and any other actions taken in connection with it. We may, but have no obligation to, monitor and review new accounts before you may sign in and use our Services. Providing false contact information of any kind may result in the termination of your account. You must immediately notify us of any unauthorized uses of your account or any other breaches of security. We will not be liable for any acts or omissions by you, including any damages of any kind incurred as a result of such acts or omissions. We may suspend, disable, or delete your account (or any part thereof) if we determine that you have violated any provision of this Agreement or that your conduct or content would tend to damage our reputation and goodwill. If we delete your account for the foregoing reasons, you may not re-register for our Services. We may block your email address and Internet protocol address to prevent further registration. \n User content \n We do not own any data, information or material ("Content") that you submit on the Website in the course of using the Service. You shall have sole responsibility for the accuracy, quality, integrity, legality, reliability, appropriateness, and intellectual property ownership or right to use of all submitted Content. We may, but have no obligation to, monitor and review Content on the Website submitted or created using our Services by you. Unless specifically permitted by you, your use of the Website does not grant us the license to use, reproduce, adapt, modify, publish or distribute the Content created by you or stored in your user account for commercial, marketing or any similar purpose. But you grant us permission to access, copy, distribute, store, transmit, reformat, display and perform the Content of your user account solely as required for the purpose of providing the Services to you. Without limiting any of those representations or warranties, we have the right, though not the obligation, to, in our own sole discretion, refuse or remove any Content that, in our reasonable opinion, violates any of our policies or is in any way harmful or objectionable. \n Backups \n We perform regular backups of the Website and Content, however, these backups are for our own administrative purposes only and are in no way guaranteed. You are responsible for maintaining your own backups of your data. We do not provide any sort of compensation for lost or incomplete data in the event that backups do not function properly. We will do our best to ensure complete and accurate backups, but assume no responsibility for this duty. \n Links to other websites \n Although this Website may link to other websites, we are not, directly or indirectly, implying any approval, association, sponsorship, endorsement, or affiliation with any linked website, unless specifically stated herein. We are not responsible for examining or evaluating, and we do not warrant the offerings of, any businesses or individuals or the content of their websites. We do not assume any responsibility or liability for the actions, products, services, and content of any other third-parties. You should carefully review the legal statements and other conditions of use of any website which you access through a link from this Website. Your linking to any other off-site websites is at your own risk. \n Prohibited uses \n In addition to other terms as set forth in the Agreement, you are prohibited from using the Website or its Content: (a) for any unlawful purpose; (b) to solicit others to perform or participate in any unlawful acts; (c) to violate any international, federal, provincial or state regulations, rules, laws, or local ordinances; (d) to infringe upon or violate our intellectual property rights or the intellectual property rights of others; (e) to harass, abuse, insult, harm, defame, slander, disparage, intimidate, or discriminate based on gender, sexual orientation, religion, ethnicity, race, age, national origin, or disability; (f) to submit false or misleading information; (g) to upload or transmit viruses or any other type of malicious code that will or may be used in any way that will affect the functionality or operation of the Service or of any related website, other websites, or the Internet; (h) to collect or track the personal information of others; (i) to spam, phish, pharm, pretext, spider, crawl, or scrape; (j) for any obscene or immoral purpose; or (k) to interfere with or circumvent the security features of the Service or any related website, other websites, or the Internet. We reserve the right to terminate your use of the Service or any related website for violating any of the prohibited uses. \n Limitation of liability \n To the fullest extent permitted by applicable law, in no event will Website Operator, its affiliates, officers, directors, employees, agents, suppliers or licensors be liable to any person for (a): any indirect, incidental, special, punitive, cover or consequential damages (including, without limitation, damages for lost profits, revenue, sales, goodwill, use of content, impact on business, business interruption, loss of anticipated savings, loss of business opportunity) however caused, under any theory of liability, including, without limitation, contract, tort, warranty, breach of statutory duty, negligence or otherwise, even if Website Operator has been advised as to the possibility of such damages or could have foreseen such damages. To the maximum extent permitted by applicable law, the aggregate liability of Website Operator and its affiliates, officers, employees, agents, suppliers and licensors, relating to the services will be limited to an amount greater of one dollar or any amounts actually paid in cash by you to Website Operator for the prior one month period prior to the first event or occurrence giving rise to such liability. The limitations and exclusions also apply if this remedy does not fully compensate you for any losses or fails of its essential purpose. \n Indemnification \n You agree to indemnify and hold Website Operator and its affiliates, directors, officers, employees, and agents harmless from and against any liabilities, losses, damages or costs, including reasonable attorneys' fees, incurred in connection with or arising from any third-party allegations, claims, actions, disputes, or demands asserted against any of them as a result of or relating to your Content, your use of the Website or Services or any willful misconduct on your part. \n Severability \n All rights and restrictions contained in this Agreement may be exercised and shall be applicable and binding only to the extent that they do not violate any applicable laws and are intended to be limited to the extent necessary so that they will not render this Agreement illegal, invalid or unenforceable. If any provision or portion of any provision of this Agreement shall be held to be illegal, invalid or unenforceable by a court of competent jurisdiction, it is the intention of the parties that the remaining provisions or portions thereof shall constitute their agreement with respect to the subject matter hereof, and all such remaining provisions or portions thereof shall remain in full force and effect. \n Changes and amendments \n We reserve the right to modify this Agreement or its policies relating to the Website or Services at any time, effective upon posting of an updated version of this Agreement on the Website. When we do, we will revise the updated date at the bottom of this page. Continued use of the Website after any such changes shall constitute your consent to such changes. Policy was created with WebsitePolicies. \n Acceptance of these terms \n You acknowledge that you have read this Agreement and agree to all its terms and conditions. By using the Website or its Services you agree to be bound by this Agreement. If you do not agree to abide by the terms of this Agreement, you are not authorized to use or access the Website and its Services. \n Contacting us \n If you would like to contact us to understand more about this Agreement or wish to contact us concerning any matter relating to it, you may send an email to info@scigym.ai \n This document was last updated on August 30, 2019 \n
\n \n
\n );\n};\n\nCommentFormText.propTypes = {\n classes: PropTypes.object.isRequired,\n commentText: PropTypes.string,\n handleChange: PropTypes.func.isRequired,\n errors: PropTypes.any, // this is either bool or object\n};\n\nexport default withStyles(styles)(CommentFormText);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\n\nimport { withStyles } from '@material-ui/core';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Dialog from '@material-ui/core/Dialog';\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nimport {\n createComment,\n editComment,\n resetCommentsProps,\n} from '../../actions/comments';\nimport { getErrors } from '../../reducers/errors';\nimport CommentFormText from './CommentFormText';\nimport { isLoading } from '../../reducers/display';\nimport types from '../../utils/types';\n\nconst styles = theme => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n loadingStyle: {\n margin: 'auto',\n padding: '5px',\n },\n});\n\nclass CommentForm extends Component {\n constructor(props) {\n super(props);\n const { comment, messageboard } = props;\n const commentExists = Boolean(comment)\n this.state = {\n commentId: commentExists ? comment.id : undefined,\n messageboardId: Boolean(messageboard) ? messageboard.id : undefined,\n commentText: commentExists ? comment.comment : '',\n };\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleChange = this.handleChange.bind(this);\n }\n\n handleSubmit = event => {\n event.preventDefault();\n const commentExists = Boolean(this.props.comment);\n const { commentText, messageboardId } = this.state;\n if (this.props.quote) {\n this.props.createComment(commentText, messageboardId);\n }\n else if (commentExists) {\n const commentId = this.props.comment.id;\n this.props.editComment(commentId, commentText, messageboardId);\n } else {\n const { commentText, messageboardId } = this.state;\n this.props.createComment(commentText, messageboardId);\n };\n }\n\n handleChange = title => event => {\n event.preventDefault();\n this.setState({\n [title]: event.target.value,\n });\n };\n\n componentDidUpdate(prevProps) {\n if (prevProps.uploadSuccess !== this.props.uploadSuccess && this.props.uploadSuccess) {\n // this is called many times in a row because the update is not fast enough\n this.props.onClose();\n this.props.resetCommentsProps();\n }\n if (this.state.messageboardId === undefined && this.props.messageboard) {\n this.setState({ messageboardId: this.props.messageboard.id })\n }\n if (this.state.commentId === undefined && this.props.comment) {\n this.setState({ commentId: this.props.comment.id })\n }\n if (this.props.quote && !prevProps.quote) {\n // here we add the quotation before the text the user is typing\n const { comment } = this.props\n const date = comment.created.split(\"T\")[0]\n const preamble = '>*posted by ' + comment.author.username + ' on ' + date + '*\\n\\n'\n let commentText = preamble + '>' + comment.comment.replace(/\\n/g, '\\n>') + ' \\n\\n'\n while (commentText.includes('\\n>\\n')) {\n commentText = commentText.replace(/\\n>\\n/g, '\\n\\n')\n }\n this.setState({ commentText: commentText })\n }\n if (!this.props.quote && prevProps.quote) {\n this.setState({ commentText: this.props.comment.comment })\n }\n }\n\n get title() {\n if (this.props.quote) {\n return 'Reply to a Comment';\n }\n if (Boolean(this.props.comment)) {\n const title = 'Edit your Comment'\n return title;\n }\n return 'Make a Comment';\n }\n\n render() {\n const { classes, errors, loading } = this.props;\n return (\n \n );\n }\n}\n\nCommentForm.propTypes = {\n createComment: PropTypes.func.isRequired,\n editComment: PropTypes.func.isRequired,\n resetCommentsProps: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired,\n open: PropTypes.bool.isRequired,\n uploadSuccess: PropTypes.any, // this is either undefined or bool\n loading: PropTypes.bool.isRequired,\n quote: PropTypes.bool.isRequired,\n messageboard: PropTypes.object,\n comment: PropTypes.any, // this is either undefined or an object\n errors: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.object,\n ]).isRequired,\n};\n\nfunction mapStateToProps(state) {\n const errorsCreate = getErrors(state.errors, types.CREATE_COMMENT);\n const errorsEdit = getErrors(state.errors, types.EDIT_COMMENT);\n const errors = Boolean(errorsCreate) ? errorsCreate : Boolean(errorsEdit) && errorsEdit;\n return {\n uploadSuccess: state.comments.uploadSuccess,\n loading:\n isLoading(state.display, types.CREATE_COMMENT) ||\n isLoading(state.display, types.EDIT_COMMENT),\n errors: errors,\n }\n};\n\nconst mapDispatchToProps = {\n createComment,\n editComment,\n resetCommentsProps,\n};\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(CommentForm);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\n\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nimport {\n deleteComment,\n resetCommentsProps,\n} from '../../actions/comments';\nimport { isLoading } from '../../reducers/display';\nimport types from '../../utils/types';\n\nconst styles = theme => ({\n loadingStyle: {\n marginRight: '20px',\n },\n});\n\nclass CommentDelete extends Component {\n constructor(props) {\n super(props);\n this.handleDelete = this.handleDelete.bind(this);\n }\n handleDelete = () => {\n this.props.deleteComment(this.props.comment);\n };\n componentDidUpdate(prevProps) {\n if (prevProps.deleteSuccess !== this.props.deleteSuccess && this.props.deleteSuccess) {\n // this is called many times in a row because the update is not fast enough\n this.props.handleCloseDelete();\n this.props.resetCommentsProps();\n }\n }\n\n render() {\n const { classes, openDelete, handleCloseDelete, loading } = this.props;\n return (\n \n );\n }\n}\n\nCommentDelete.propTypes = {\n handleCloseDelete: PropTypes.func.isRequired,\n comment: PropTypes.object,\n openDelete: PropTypes.bool.isRequired,\n loading: PropTypes.bool.isRequired,\n deleteSuccess: PropTypes.any, // this is either undefined or bool\n};\n\nconst mapStateToProps = state => ({\n deleteSuccess: state.comments.deleteSuccess,\n loading: isLoading(state.display, types.DELETE_COMMENT),\n});\n\nconst mapDispatchToProps = {\n deleteComment,\n resetCommentsProps,\n};\n\nexport default compose(\n connect(\n mapStateToProps,\n mapDispatchToProps\n ),\n withStyles(styles)\n)(CommentDelete);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Fab from '@material-ui/core/Fab';\nimport IconButton from '@material-ui/core/IconButton';\n\nimport Edit from '@material-ui/icons/Edit';\nimport Delete from '@material-ui/icons/Delete';\nimport FormatQuoteIcon from '@material-ui/icons/FormatQuote';\n\nimport CommentForm from './CommentForm';\nimport CommentDelete from './CommentDelete';\n\nclass CommentCardActions extends Component {\n constructor(props) {\n super(props);\n this.state = {\n openForm: false,\n openDelete: false,\n quote: false\n };\n }\n\n handleClickOpen = () => {\n const newStateOpen = !this.state.openForm;\n this.setState({\n openForm: newStateOpen,\n });\n };\n\n handleClickDelete = () => {\n const newStateOpen = !this.state.openDelete;\n this.setState({\n openDelete: newStateOpen,\n });\n };\n\n handleClickQuote = () => {\n const newStateOpen = !this.state.openDelete;\n this.setState({\n quote: true,\n openForm: newStateOpen,\n });\n };\n\n handleClose = () => {\n this.setState({ openForm: false, openDelete: false, quote: false });\n };\n\n render() {\n const { board } = this.props.comment;\n const { classes, owner } = this.props;\n const { openForm, openDelete } = this.state;\n return (\n \n
\n \n {owner ? (\n \n \n )}\n
\n );\n }\n};\n\nCommentCardActions.propTypes = {\n classes: PropTypes.object.isRequired,\n owner: PropTypes.bool.isRequired,\n comment: PropTypes.object.isRequired,\n};\n\nexport default CommentCardActions;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\n\nimport ListItem from '@material-ui/core/ListItem';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport { withStyles, CardActionArea } from '@material-ui/core';\nimport Slide from '@material-ui/core/Slide';\nimport Typography from '@material-ui/core/Typography';\nimport Hidden from '@material-ui/core/Hidden';\nimport NoteIcon from '@material-ui/icons/Note';\n\nimport CommentCardActions from './CommentCardActions';\nimport Markdown from '../Markdown';\n\nconst styles = theme => ({\n root: {\n display: 'flex',\n flexFlow: 'row wrap',\n maxHeight: '600px',\n overflowY: 'scroll',\n },\n cardStyle: {\n width: '100%',\n },\n logoStyle: {\n flex: '1 1 1',\n marginLeft: 'auto',\n marginRight: 'auto',\n top: '0',\n textAlign: 'center',\n padding: '30px',\n paddingLeft: '30px',\n paddingRight: '0px',\n [theme.breakpoints.up('lg')]: {\n paddingLeft: '50px',\n },\n },\n cardContentStyle: {\n flex: '1 1 400px',\n padding: '30px',\n overflowX: 'scroll',\n [theme.breakpoints.up('lg')]: {\n paddingLeft: '50px',\n },\n },\n commentContentStyle: {\n borderLeft: '0.1em solid grey',\n },\n userInfoStyle: {\n margin: theme.spacing.unit * 2\n },\n buttonStyle: {\n margin: theme.spacing.unit,\n },\n buttonPosition: {\n position: 'absolute',\n right: '40px',\n bottom: '25px',\n },\n listStyle: {\n minWidth: '770px',\n [theme.breakpoints.down('xs')]: {\n minWidth: '0px',\n },\n [theme.breakpoints.up('md')]: {\n minWidth: '950px',\n },\n },\n markdown: {\n padding: `${theme.spacing.unit * 3}px 0`,\n },\n imgStyle: {\n padding: '5px',\n height: '120px',\n width: '120px',\n [theme.breakpoints.up('lg')]: {\n height: '150px',\n width: '150px',\n },\n },\n});\n\nclass CommentCard extends Component {\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n };\n }\n\n render() {\n const { comment, author, created } = this.props.comment;\n const { userId } = this.props;\n const owner = userId === author.id;\n const date = created.split(\"T\")[0]\n // const time = created.split(\"T\")[1].split(\"+\")[0].slice(0, -3) + \" CET\" // is this okay?\n const avatarUrl = 'https://avatars.githubusercontent.com/'.concat(author.username)\n const githubUrl = 'https://www.github.com/'.concat(author.username)\n const { classes } = this.props;\n return (\n \n \n \n \n \n
\n ) : (\n \n \n\n \n
\n \n \n 
\n \n {author.username}\n \n \n
\n\n \n \n \n \n \n {comment + '\\n'}\n \n \n \n \n
\n \n \n \n
\n \n \n \n \n {author.username}\n \n \n
\n \n \n {title}\n {tags.map(tag => (\n \n \n \n \n \n {description + '\\n'}\n \n \n
\n \n {messageboard === undefined ? (\n \n There is no discussion here...\n \n ) : (\n
\n );\n }\n}\n\nDiscussion.propTypes = {\n messageboard: PropTypes.object,\n change: PropTypes.bool.isRequired,\n userExists: PropTypes.bool.isRequired,\n comments: PropTypes.arrayOf(PropTypes.object).isRequired,\n};\n\nfunction mapStateToProps(state, ownProps) {\n const { messageboards } = state.messageboards;\n let { env_url, board_url } = ownProps.match.params;\n const discussionUrl = '/env/'.concat(env_url) + '/forum/'.concat(board_url)\n const messageboard = messageboards.find(board => board.titleUrl === discussionUrl)\n const { comments } = state.comments\n return {\n messageboard: messageboard,\n userExists: state.user.exists,\n comments: comments,\n loading: isLoading(state.display, types.GET_COMMENTS_LIST)\n };\n}\n\nconst mapDispatchToProps = {\n getComments,\n};\n\nexport default compose(\n connect(mapStateToProps, mapDispatchToProps),\n withStyles(styles)\n)(Discussion);\n","import React, { Component } from 'react';\nimport { Route, Switch, withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\n\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nimport Auth from './auth/Auth';\nimport UserWatcher from './auth/UserWatcher';\nimport Header from './header/Header';\nimport { getApiConfig, getApiStatus } from '../actions/config';\nimport { getRepositories } from '../actions/repositories';\nimport { refreshAuthToken } from '../actions/user';\nimport { getEnvironments } from '../actions/environments';\nimport { getTopics } from '../actions/topics';\nimport { getImageConfig } from '../actions/images';\nimport { getContributors } from '../actions/contributors';\nimport { getMessageBoards, countComments } from '../actions/messageboards';\nimport Home from './home/Home';\nimport Profile from './profile/Profile';\nimport GetStarted from './get_started/GetStarted';\nimport Impressum from './impressum/Impressum';\nimport Notifications from './Notifications';\nimport constants from '../utils/constants';\nimport EnvironmentDetail from './environment/EnvironmentDetail';\nimport PrivatePolicy from './policy/PrivatePolicy';\nimport TermsAndConditions from './policy/TermsAndConditions';\nimport Discussion from './forum/Discussion';\n\nexport class App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n change: false\n };\n }\n componentDidMount() {\n this.refreshAuthToken();\n this.props.getApiConfig();\n this.props.getApiStatus();\n this.props.getRepositories();\n this.props.getEnvironments();\n this.props.getTopics();\n this.props.getImageConfig();\n this.props.getContributors();\n this.props.getMessageBoards();\n this.props.countComments();\n window.setTimeout(this.props.getApiStatus, 30000); // do we need this?\n }\n\n refreshAuthToken() {\n const storedRefreshToken = localStorage.getItem(constants.REFRESH_TOKEN);\n if (storedRefreshToken) {\n this.props.refreshAuthToken(storedRefreshToken);\n }\n }\n\n componentDidUpdate(prevProps) {\n // here we force an update on any message board when it is opened.\n const prevPath = prevProps.location.pathname\n const currPath = this.props.location.pathname\n if (this.state.change) {\n this.setState({\n change: false\n })\n }\n if (currPath.includes('/env') && currPath.includes('/forum')) {\n if (prevPath !== currPath) {\n this.setState({\n change: true,\n })\n }\n }\n }\n\n render() {\n if (!this.props.appLoaded) {\n return (\n \n
\n )}\n \n \n
\n \n
\n ) : (\n - \n {comments.map(comment => (\n
\n \n {' '}\n
\n
\n );\n }\n\n const oauthPath = new URL(this.props.githubCallbackUrl).pathname;\n const oauthPathCallBack = oauthPath.concat('env/:callbackURL')\n return (\n \n {' '}\n
\n \n \n ( \n
\n );\n }\n}\n\nApp.defaultProps = {\n githubCallbackUrl: null,\n};\n\nApp.propTypes = {\n appLoaded: PropTypes.bool.isRequired,\n getApiConfig: PropTypes.func.isRequired,\n getApiStatus: PropTypes.func.isRequired,\n getRepositories: PropTypes.func.isRequired,\n refreshAuthToken: PropTypes.func.isRequired,\n githubCallbackUrl: PropTypes.string,\n getEnvironments: PropTypes.func.isRequired,\n getTopics: PropTypes.func.isRequired,\n getImageConfig: PropTypes.func.isRequired,\n getContributors: PropTypes.func.isRequired,\n getMessageBoards: PropTypes.func.isRequired,\n countComments: PropTypes.func.isRequired,\n};\n\nconst mapStateToProps = state => ({\n githubCallbackUrl: state.config.githubCallbackUrl,\n appLoaded: state.config.loaded,\n});\n\nexport default withRouter(\n connect(\n mapStateToProps,\n {\n getApiConfig,\n getApiStatus,\n refreshAuthToken,\n getRepositories,\n getEnvironments,\n getTopics,\n getImageConfig,\n getContributors,\n getMessageBoards,\n countComments,\n }\n )(App)\n);\n","import types from '../utils/types';\n\nimport api from '../utils/api';\nimport { logError } from '../utils/errors';\n\nexport const getApiConfig = () => {\n return dispatch => {\n dispatch({ type: types.GET_API_CONFIG });\n api\n .config()\n .then(response => {\n dispatch({\n type: types.GET_API_CONFIG_SUCCESS,\n payload: response.data,\n });\n })\n .catch(error => {\n dispatch({ type: types.GET_API_CONFIG_FAILURE });\n logError(error);\n });\n };\n};\n\nexport const getApiStatus = () => {\n return dispatch => {\n dispatch({ type: types.GET_API_STATUS });\n api\n .status()\n .then(response => {\n dispatch({\n type: types.GET_API_STATUS_SUCCESS,\n payload: response.data,\n });\n })\n .catch(error => {\n dispatch({ type: types.GET_API_STATUS_FAILURE });\n logError(error);\n });\n };\n};\n","import types from '../utils/types';\n\nimport api from '../utils/api';\nimport { logError } from '../utils/errors';\n\nexport const getTopics = () => {\n return dispatch => {\n dispatch({ type: types.GET_TOPICS });\n api\n .topics()\n .then(response => {\n dispatch({\n type: types.GET_TOPICS_SUCCESS,\n payload: response.data,\n });\n })\n .catch(error => {\n dispatch({ type: types.GET_TOPICS_FAILURE });\n logError(error);\n });\n };\n};\n","import types from '../utils/types';\n\nimport api from '../utils/api';\nimport { logError } from '../utils/errors';\n\nexport const getContributors = params => {\n return dispatch => {\n dispatch({ type: types.GET_CONTRIBUTORS_LIST });\n api\n .getContributors(params)\n .then(response => {\n dispatch({\n type: types.GET_CONTRIBUTORS_LIST_SUCCESS,\n payload: response.data,\n });\n })\n .catch(error => {\n dispatch({ type: types.GET_CONTRIBUTORS_LIST_FAILURE });\n logError(error);\n });\n };\n};\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log('No internet connection found. App is running in offline mode.');\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport { createStore, applyMiddleware, compose } from 'redux';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport thunk from 'redux-thunk';\nimport './index.css';\n\nimport auth from './middleware/auth';\nimport rootReducer from './reducers';\nimport App from './components/App';\nimport * as serviceWorker from './serviceWorker';\n\nconst middleware = applyMiddleware(thunk, auth);\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\nconst store = createStore(rootReducer, composeEnhancers(middleware));\n\nReactDOM.render(\n