diff --git a/client/src/views/manage-teams/components/ManageTeamEdit.js b/client/src/views/manage-teams/components/ManageTeamEdit.js
index 0c1692e07..7e575eab0 100644
--- a/client/src/views/manage-teams/components/ManageTeamEdit.js
+++ b/client/src/views/manage-teams/components/ManageTeamEdit.js
@@ -75,12 +75,12 @@ export class ManageTeamEdit extends Component {
const AzureStorageSAS = process.env.AZURE_STORAGE_SAS_TEAMS
const containerName = team.slug
let avatar = null
- if (this.state.avatar === null && team.profile !== null && (team.profile.avatar === undefined || team.profile.avatar === null)) avatar = 'https://aadevelop.blob.core.windows.net/module-teams/module-default/aa-avatar-default.png'
+ if (this.state.avatar === null && team.profile !== null && (team.profile.avatar === undefined || team.profile.avatar === null)) avatar = process.env.STORAGE_URL + '/module-teams/module-default/aa-avatar-default.png'
if (team.profile !== null && team.profile.avatar !== undefined && team.profile.avatar !== null) avatar = team.profile.avatar
if (this.state.avatar !== null) avatar = this.state.avatar
let banner = null
- if (this.state.banner === null && team.profile !== null && (team.profile.banner === undefined || team.profile.banner === null)) banner = 'https://aadevelop.blob.core.windows.net/module-teams/module-default/aa-banner-default.png'
+ if (this.state.banner === null && team.profile !== null && (team.profile.banner === undefined || team.profile.banner === null)) banner = process.env.STORAGE_URL + '/module-teams/module-default/aa-banner-default.png'
if (team.profile !== null && team.profile.banner !== undefined && team.profile.banner !== null) banner = team.profile.banner
if (this.state.banner !== null) banner = this.state.banner
log.debug('team images: ', avatar, banner)
diff --git a/client/src/views/manage-teams/components/ManageTeamProfile.js b/client/src/views/manage-teams/components/ManageTeamProfile.js
new file mode 100644
index 000000000..51297cbc9
--- /dev/null
+++ b/client/src/views/manage-teams/components/ManageTeamProfile.js
@@ -0,0 +1,180 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+import Paper from '@material-ui/core/Paper'
+import Grid from '@material-ui/core/Grid'
+import Button from '@material-ui/core/Button'
+import { withStyles } from '@material-ui/core/styles'
+
+import { Link } from 'react-router-dom'
+
+import ManageTeamProfileView from './ManageTeamProfileView'
+import ManageTeamProfileEdit from './ManageTeamProfileEdit'
+
+import log from '../../../utils/log'
+
+const styles = theme => ({
+ root: {
+ flexGrow: 1
+ },
+ '@global': {
+ body: {
+ backgroundColor: theme.palette.common.white
+ }
+ },
+ layout: {
+ width: 'auto',
+ marginLeft: theme.spacing.unit * 3,
+ marginRight: theme.spacing.unit * 3,
+ marginBottom: theme.spacing.unit * 6,
+ [theme.breakpoints.up(800 + theme.spacing.unit * 3 * 2)]: {
+ width: 800,
+ marginLeft: 'auto',
+ marginRight: 'auto'
+ }
+ },
+ paper: {
+ marginTop: 0,
+ marginBottom: theme.spacing.unit * 1,
+ padding: 0,
+ [theme.breakpoints.up(800 + theme.spacing.unit * 3 * 2)]: {
+ marginTop: theme.spacing.unit * 3,
+ marginBottom: theme.spacing.unit * 2,
+ padding: `0 0 ${theme.spacing.unit * 2}px`
+ }
+ },
+ heroContent: {
+ maxWidth: 800,
+ margin: '0 auto',
+ padding: 0
+ },
+ teamContent: {
+ margin: `${theme.spacing.unit * 1}px ${theme.spacing.unit * 3}px 0 0`
+ },
+ banner: {
+ maxWidth: '100%',
+ height: 'auto'
+ },
+ avatar: {
+ maxWidth: 100,
+ height: 100,
+ margin: `${theme.spacing.unit * 1}px 0 0 ${theme.spacing.unit * 3}px `
+ },
+ profileButtons: {
+ width: '90%',
+ margin: `${theme.spacing.unit * 3}px auto 0`,
+ padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 2}px 0`,
+ borderTop: '1px solid #CCCCCC'
+ }
+})
+
+export class ManageTeamProfile extends Component {
+ constructor (props) {
+ super(props)
+
+ this.toggleEdit = this.toggleEdit.bind(this)
+ this.handleSave = this.handleSave.bind(this)
+ this.handleUpdate = this.handleUpdate.bind(this)
+
+ this.state = {
+ edit: false,
+ save: false
+ }
+ }
+
+ render () {
+ const { classes, team, slug, match } = this.props
+ log.debug('ManageTeamProfile render', this.state)
+ return (
+
+
+
+
+ {!this.state.edit &&
+ {!this.state.edit &&
+
+
+
+ Back to all teams
+
+
+
+ this.toggleEdit()}
+ color='secondary'
+ variant='contained'
+ >
+ Edit Profile
+
+
+
+ }
+ {this.state.edit &&
+
+
+ this.toggleEdit()}
+ variant='contained'
+ color='primary'
+ >
+ Cancel
+
+
+
+ this.handleSave(e)}
+ variant='contained'
+ color='secondary'
+ >
+ Save Changes
+
+
+
+ }
+
+
+
+
+
+ )
+ }
+
+ toggleEdit () {
+ this.setState({ edit: !this.state.edit })
+ }
+
+ handleSave (e) {
+ e.preventDefault()
+ log.debug('handleSave')
+ this.setState({ save: true })
+ }
+
+ handleUpdate () {
+ log.debug('handleUpdate')
+ this.setState({ edit: false, save: false })
+ }
+}
+
+ManageTeamProfile.propTypes = {
+ classes: PropTypes.object.isRequired,
+ team: PropTypes.object.isRequired,
+ match: PropTypes.object.isRequired,
+ slug: PropTypes.string.isRequired
+}
+
+export default withStyles(styles)(ManageTeamProfile)
diff --git a/client/src/views/manage-teams/components/ManageTeamProfileEdit.js b/client/src/views/manage-teams/components/ManageTeamProfileEdit.js
new file mode 100644
index 000000000..027017a76
--- /dev/null
+++ b/client/src/views/manage-teams/components/ManageTeamProfileEdit.js
@@ -0,0 +1,379 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import { Mutation } from 'react-apollo'
+import { withStyles } from '@material-ui/core/styles'
+
+import Grid from '@material-ui/core/Grid'
+import TextField from '@material-ui/core/TextField'
+import Typography from '@material-ui/core/Typography'
+
+import { ImageUpload } from '@advancedalgos/web-components'
+
+import UPDATE_TEAM_PROFILE from '../../../graphql/teams/UpdateTeamProfileMutation'
+import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
+
+import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
+
+const styles = theme => ({
+ root: {
+ flexGrow: 1
+ },
+ '@global': {
+ body: {
+ backgroundColor: theme.palette.common.white
+ }
+ },
+ layout: {
+ width: '100%',
+ marginBottom: theme.spacing.unit * 6,
+ [theme.breakpoints.up(800 + theme.spacing.unit * 3 * 2)]: {
+ width: 800,
+ marginLeft: 'auto',
+ marginRight: 'auto'
+ }
+ },
+ paper: {
+ marginTop: 0,
+ marginBottom: theme.spacing.unit * 3,
+ padding: 0,
+ [theme.breakpoints.up(800 + theme.spacing.unit * 3 * 2)]: {
+ marginTop: theme.spacing.unit * 3,
+ marginBottom: theme.spacing.unit * 6,
+ padding: `0 0 ${theme.spacing.unit * 2}px`
+ }
+ },
+ heroContent: {
+ maxWidth: 800,
+ margin: '0 auto',
+ padding: `0 0 ${theme.spacing.unit * 2}px`
+ },
+ editContentContainer: {
+ marginBottom: `${theme.spacing.unit * 3}px`
+ },
+ metaContainer: {
+ marginTop: `${theme.spacing.unit * 1}px`,
+ alignSelf: 'stretch',
+ borderRight: '1px solid #CCCCCC'
+ },
+ teamMeta: {
+ margin: `${theme.spacing.unit * 3}px 0 0`,
+ paddingLeft: `${theme.spacing.unit * 2}px`,
+ textAlign: 'center',
+ height: '100%'
+ },
+ teamContent: {
+ '& h2': {
+ padding: `${theme.spacing.unit * 4}px ${theme.spacing.unit * 3}px 0`
+ },
+ '& h4': {
+ padding: `0 ${theme.spacing.unit * 3}px 0`
+ },
+ '& h6': {
+ padding: `0 ${theme.spacing.unit * 3}px 0`
+ }
+ },
+ editInput: {
+ padding: `0 ${theme.spacing.unit * 3}px ${theme.spacing.unit * 2}px`,
+ '& label': {
+ display: 'none',
+ padding: `0 ${theme.spacing.unit * 4}px 0`
+ }
+ },
+ banner: {
+ maxWidth: '100%',
+ height: 'auto',
+ width: '100%'
+ },
+ avatar: {
+ maxWidth: 125,
+ height: 125,
+ margin: `0 auto ${theme.spacing.unit * 2}px`,
+ verticalAlign: 'middle',
+ borderRadius: '50%'
+ }
+})
+
+export class ManageTeamProfileEdit extends Component {
+ constructor (props) {
+ super(props)
+
+ this.handleClickOpen = this.handleClickOpen.bind(this)
+ this.handleClose = this.handleClose.bind(this)
+ this.handleChange = this.handleChange.bind(this)
+ this.handleSubmit = this.handleSubmit.bind(this)
+ this.handleAvatar = this.handleAvatar.bind(this)
+ this.handleBanner = this.handleBanner.bind(this)
+ this.startSave = this.startSave.bind(this)
+
+ log.debug('ManageTeamProfileEdit constructor', props.team)
+ const motto = props.team.profile.motto || ''
+ const description = props.team.profile.description || ''
+ const avatar = props.team.profile.avatar || null
+ const banner = props.team.profile.banner || null
+
+ this.state = {
+ open: false,
+ motto: motto,
+ description: description,
+ avatar: avatar,
+ banner: banner,
+ save: false
+ }
+ }
+
+ render () {
+ const { classes, team, match, save, handleUpdate } = this.props
+ log.debug('ManageTeamProfileEdit render', this.props, this.props.slug, this.props.team, match)
+
+ const created = new Date(team.createdAt)
+
+ return (
+
+ {(updateTeamProfile, { loading, error, data }) => {
+ const AzureStorageUrl = process.env.AZURE_STORAGE_URL_TEAMS
+ const AzureStorageSAS = process.env.AZURE_STORAGE_SAS_TEAMS
+ const containerName = team.slug
+ let avatar = null
+ if (this.state.avatar === null && team.profile !== null && (team.profile.avatar === undefined || team.profile.avatar === null)) avatar = process.env.STORAGE_URL + '/module-teams/module-default/aa-avatar-default.png'
+ if (team.profile !== null && team.profile.avatar !== undefined && team.profile.avatar !== null) avatar = team.profile.avatar
+ if (this.state.avatar !== null) avatar = this.state.avatar
+
+ let banner = null
+ if (this.state.banner === null && team.profile !== null && (team.profile.banner === undefined || team.profile.banner === null)) banner = process.env.STORAGE_URL + '/module-teams/module-default/aa-banner-default.png'
+ if (team.profile !== null && team.profile.banner !== undefined && team.profile.banner !== null) banner = team.profile.banner
+ if (this.state.banner !== null) banner = this.state.banner
+ log.debug('team images: ', avatar, banner)
+ log.debug('saving profile status: ', save)
+ if (save && !this.state.save) {
+ log.debug('saving profile: ', save)
+ this.startSave(updateTeamProfile, team.slug, handleUpdate)
+ }
+
+ let errors
+ let loader
+ if (loading) {
+ loader = (
+ Updating profile...
+ )
+ }
+ if (error) {
+ errors = error.graphQLErrors.map(({ message }, i) => {
+ const displayMessage = checkGraphQLError(message)
+ log.debug('updateTeamProfile error:', displayMessage)
+ return (
+
+ {message}
+
+ )
+ })
+ }
+ return (
+
+
+
+
+
+
+
+ Members: {team.members.length}
+
+
+ Financial Beings: 1
+
+
+ Created: {created.toLocaleDateString()}
+
+
+
+
+
+
+ {team.name}
+
+
+ Motto:
+
+
+ Description:
+
+
+ {loader}
+ {errors}
+
+
+
+
+
+ )
+ }}
+
+ )
+ }
+
+ handleClickOpen () {
+ this.setState({ open: true })
+ }
+
+ handleClose () {
+ this.setState({ open: false })
+ }
+
+ handleChange (e) {
+ log.debug('handleChange: ', e.target.id, e.target.value)
+ switch (e.target.id) {
+ case 'motto':
+ this.setState({ motto: e.target.value })
+ break
+ case 'description':
+ this.setState({ description: e.target.value })
+ break
+ default:
+ }
+ }
+
+ handleAvatar (avatarUrl) {
+ log.debug('handleAvatar: ', avatarUrl)
+ this.setState({ avatar: `${avatarUrl}?${Math.random()}` })
+ }
+
+ handleBanner (bannerUrl) {
+ log.debug('handleBanner: ', bannerUrl)
+ this.setState({ banner: `${bannerUrl}?${Math.random()}` })
+ }
+
+ startSave (updateTeamProfile, slug, handleUpdate) {
+ this.setState({ save: 'done' })
+ this.handleSubmit(updateTeamProfile, slug, handleUpdate)
+ }
+
+ async handleSubmit (updateTeamProfile, slug, handleUpdate) {
+ log.debug('updateTeamProfile, handleSubmit: ', this.state)
+ await updateTeamProfile({
+ variables: {
+ slug,
+ owner: this.authId,
+ description: this.state.description,
+ motto: this.state.motto,
+ avatar: this.state.avatar,
+ banner: this.state.banner
+ }
+ })
+ window.canvasApp.eventHandler.raiseEvent('User Profile Changed')
+ handleUpdate()
+ }
+}
+
+ManageTeamProfileEdit.propTypes = {
+ classes: PropTypes.object.isRequired,
+ slug: PropTypes.string.isRequired,
+ team: PropTypes.object,
+ match: PropTypes.object,
+ save: PropTypes.bool,
+ handleUpdate: PropTypes.func
+}
+
+export default withStyles(styles)(ManageTeamProfileEdit)
diff --git a/client/src/views/manage-teams/components/ManageTeamProfileFBEdit.js b/client/src/views/manage-teams/components/ManageTeamProfileFBEdit.js
new file mode 100644
index 000000000..9362784d2
--- /dev/null
+++ b/client/src/views/manage-teams/components/ManageTeamProfileFBEdit.js
@@ -0,0 +1,210 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import { Mutation } from 'react-apollo'
+import { withStyles } from '@material-ui/core/styles'
+
+import Grid from '@material-ui/core/Grid'
+import Button from '@material-ui/core/Button'
+import EditIcon from '@material-ui/icons/Edit'
+import Dialog from '@material-ui/core/Dialog'
+import DialogContent from '@material-ui/core/DialogContent'
+import Typography from '@material-ui/core/Typography'
+
+import { ImageUpload } from '@advancedalgos/web-components'
+
+import UPDATE_FB from '../../../graphql/teams/UpdateFBMutation'
+import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
+
+import { checkGraphQLError } from '../../../utils/graphql-errors'
+
+import log from '../../../utils/log'
+
+const styles = theme => ({
+ dialogTitle: {
+ textAlign: 'center',
+ paddingBottom: `${theme.spacing.unit * 2}px`
+ },
+ buttonRight: {
+ justifyContent: 'flex-end'
+ }
+})
+
+export class ManageTeamProfileFBEdit extends Component {
+ constructor (props) {
+ super(props)
+
+ this.handleClickOpen = this.handleClickOpen.bind(this)
+ this.handleClose = this.handleClose.bind(this)
+ this.handleSubmit = this.handleSubmit.bind(this)
+ this.handleAvatar = this.handleAvatar.bind(this)
+
+ const avatar = props.fb.avatar || ''
+
+ this.state = {
+ open: false,
+ avatar: avatar
+ }
+ }
+
+ render () {
+ log.debug('ManageTeamProfileFBEdit ', this.props, this.props.slug, this.props.fb)
+ const { classes, fb, slug } = this.props
+ return (
+
+ {(updateFB, { loading, error, data }) => {
+ const AzureStorageUrl = process.env.AZURE_STORAGE_URL_TEAMS
+ const AzureStorageSAS = process.env.AZURE_STORAGE_SAS_TEAMS
+ const containerName = slug
+
+ let avatar = null
+ if (this.state.avatar === null && fb.avatar === undefined) avatar = process.env.STORAGE_URL + '/module-teams/module-default/aa-avatar-default.png'
+ if (fb.avatar !== undefined && fb.avatar !== null) avatar = fb.avatar
+ if (this.state.avatar !== null) avatar = this.state.avatar
+
+ let errors
+ let loader
+ if (loading) {
+ loader = (
+ Updating avatar...
+ )
+ }
+ if (error) {
+ errors = error.graphQLErrors.map(({ message }, i) => {
+ const displayMessage = checkGraphQLError(message)
+ log.debug('updateTeamProfile error:', displayMessage)
+ return (
+
+ {message}
+
+ )
+ })
+ }
+ log.debug('ManageTeamProfileFBEdit mutation:', classes)
+ return (
+
+
+
+
+
+
+
+
+ Edit Financial Being
+
+
+
+ {
+ this.handleSubmit(e, updateFB, fb.id, slug)
+ }}
+ color='secondary'
+ variant='contained'
+ size='small'
+ >
+ Update Financial Being
+
+
+ Cancel
+
+
+
+
+
+
+ )
+ }}
+
+ )
+ }
+
+ handleClickOpen () {
+ this.setState({ open: true })
+ }
+
+ handleClose () {
+ this.setState({ open: false })
+ }
+
+ handleAvatar (avatarUrl) {
+ log.debug('handleAvatar: ', avatarUrl)
+ this.setState({ avatar: `${avatarUrl}?${Math.random()}` })
+ }
+
+ async handleSubmit (e, updateFB, fbId, slug) {
+ log.debug('handleSubmit: ', this.state)
+ e.preventDefault()
+
+ await updateFB({
+ variables: {
+ fbId,
+ avatar: this.state.avatar
+ }
+ })
+ window.canvasApp.eventHandler.raiseEvent('User Profile Changed')
+ this.setState({ open: false })
+ }
+}
+
+ManageTeamProfileFBEdit.propTypes = {
+ classes: PropTypes.object.isRequired,
+ slug: PropTypes.string.isRequired,
+ fb: PropTypes.object
+}
+
+export default withStyles(styles)(ManageTeamProfileFBEdit)
diff --git a/client/src/views/manage-teams/components/ManageTeamProfileFBView.js b/client/src/views/manage-teams/components/ManageTeamProfileFBView.js
new file mode 100644
index 000000000..31d4b7570
--- /dev/null
+++ b/client/src/views/manage-teams/components/ManageTeamProfileFBView.js
@@ -0,0 +1,76 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Grid from '@material-ui/core/Grid'
+import Card from '@material-ui/core/Card'
+import CardContent from '@material-ui/core/CardContent'
+import CardActions from '@material-ui/core/CardActions'
+import CardMedia from '@material-ui/core/CardMedia'
+import Typography from '@material-ui/core/Typography'
+import { withStyles } from '@material-ui/core/styles'
+
+import ManageTeamProfileFBEdit from './ManageTeamProfileFBEdit'
+
+import log from '../../../utils/log'
+
+const styles = theme => ({
+ fbContainer: {
+ margin: `0 0 ${theme.spacing.unit * 2}px`
+ },
+ card: {
+ display: 'flex',
+ width: '100%'
+ },
+ cardDetails: {
+ display: 'flex',
+ flex: 1
+ },
+ cardContent: {
+ flex: 1
+ },
+ cardMedia: {
+ flex: 1,
+ width: 100,
+ height: 100,
+ maxWidth: 100,
+ justifyContent: 'flex-start'
+ }
+})
+
+export const ManageTeamProvileFBView = ({ classes, team }) => {
+ log.debug('ManageTeamProvileFBView', team, team.fb[0], team.fb[0].avatar)
+
+ let avatar = (team.fb[0].avatar !== undefined && team.fb[0].avatar !== null) ? team.fb[0].avatar : process.env.STORAGE_URL + '/module-teams/module-default/aa-avatar-default.png'
+
+ return (
+
+
+
+
+
+ {team.fb[0].name}
+
+
+ {team.fb[0].kind}
+
+
+
+
+
+
+
+ )
+}
+
+ManageTeamProvileFBView.propTypes = {
+ classes: PropTypes.object.isRequired,
+ team: PropTypes.object.isRequired
+}
+
+export default withStyles(styles)(ManageTeamProvileFBView)
diff --git a/client/src/views/manage-teams/components/ManageTeamProfileView.js b/client/src/views/manage-teams/components/ManageTeamProfileView.js
new file mode 100644
index 000000000..370c197d5
--- /dev/null
+++ b/client/src/views/manage-teams/components/ManageTeamProfileView.js
@@ -0,0 +1,155 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Typography from '@material-ui/core/Typography'
+import Grid from '@material-ui/core/Grid'
+import { withStyles } from '@material-ui/core/styles'
+
+import ManageTeamProfileFBView from './ManageTeamProfileFBView'
+
+const styles = theme => ({
+ root: {
+ flexGrow: 1
+ },
+ '@global': {
+ body: {
+ backgroundColor: theme.palette.common.white
+ }
+ },
+ layout: {
+ width: '100%',
+ marginBottom: theme.spacing.unit * 6,
+ [theme.breakpoints.up(800 + theme.spacing.unit * 3 * 2)]: {
+ width: 800,
+ marginLeft: 'auto',
+ marginRight: 'auto'
+ }
+ },
+ paper: {
+ marginTop: 0,
+ marginBottom: theme.spacing.unit * 3,
+ padding: 0,
+ [theme.breakpoints.up(800 + theme.spacing.unit * 3 * 2)]: {
+ marginTop: theme.spacing.unit * 3,
+ marginBottom: theme.spacing.unit * 6,
+ padding: `0 0 ${theme.spacing.unit * 2}px`
+ }
+ },
+ heroContent: {
+ maxWidth: 800,
+ margin: '0 auto',
+ padding: `0 0 ${theme.spacing.unit * 2}px`
+ },
+ metaContainer: {
+ marginTop: `${theme.spacing.unit * 1}px`,
+ alignSelf: 'stretch',
+ borderRight: '1px solid #CCCCCC'
+ },
+ teamMeta: {
+ margin: `${theme.spacing.unit * 3}px 0 0`,
+ paddingLeft: `${theme.spacing.unit * 2}px`,
+ textAlign: 'center'
+ },
+ teamContent: {
+ '& h2': {
+ padding: `${theme.spacing.unit * 4}px ${theme.spacing.unit * 3}px 0`
+ },
+ '& h4': {
+ padding: `0 ${theme.spacing.unit * 3}px ${theme.spacing.unit * 1}px`
+ },
+ '& h6': {
+ padding: `0 ${theme.spacing.unit * 3}px 0`
+ }
+ },
+ fbContent: {
+ borderTop: '1px solid #CCCCCC',
+ width: '90%',
+ margin: `${theme.spacing.unit * 3}px auto`,
+ paddingTop: `${theme.spacing.unit * 3}px`
+ },
+ banner: {
+ maxWidth: '100%',
+ height: 'auto',
+ width: '100%'
+ },
+ avatar: {
+ maxWidth: 125,
+ height: 125,
+ margin: `0 auto ${theme.spacing.unit * 2}px`,
+ verticalAlign: 'middle',
+ borderRadius: '50%'
+ },
+ backLink: {
+ display: 'block',
+ textDecoration: 'none',
+ margin: `${theme.spacing.unit * 3}px 0 0`,
+ color: theme.palette.secondary.main
+ }
+})
+
+const ManageTeamProfileView = ({ classes, team }) => {
+ let avatar = team.profile.avatar || process.env.STORAGE_URL + '/module-teams/module-default/aa-avatar-default.png'
+ let banner = team.profile.banner || process.env.STORAGE_URL + '/module-teams/module-default/aa-banner-default.png'
+
+ const created = new Date(team.createdAt)
+
+ return (
+
+
+
+
+
+ Members: {team.members.length}
+
+
+ Financial Beings: 1
+
+
+ Created: {created.toLocaleDateString()}
+
+
+
+
+
+
+ {team.name}
+
+
+ Motto: {team.profile.motto}
+
+
+ Description: {team.profile.description}
+
+
+
+
+ Financial Beings
+
+
+
+
+
+ )
+}
+
+ManageTeamProfileView.propTypes = {
+ classes: PropTypes.object.isRequired,
+ team: PropTypes.object.isRequired
+}
+
+export default withStyles(styles)(ManageTeamProfileView)
diff --git a/client/src/views/manage-teams/components/ManageTeamsCreateTeam.js b/client/src/views/manage-teams/components/ManageTeamsCreateTeam.js
new file mode 100644
index 000000000..73e9eb68e
--- /dev/null
+++ b/client/src/views/manage-teams/components/ManageTeamsCreateTeam.js
@@ -0,0 +1,121 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+import Paper from '@material-ui/core/Paper'
+import Grid from '@material-ui/core/Grid'
+import Button from '@material-ui/core/Button'
+import { withStyles } from '@material-ui/core/styles'
+
+import { Link } from 'react-router-dom'
+
+import CreateTeamForm from './CreateTeamForm'
+
+const styles = theme => ({
+ root: {
+ flexGrow: 1
+ },
+ '@global': {
+ body: {
+ backgroundColor: theme.palette.common.white
+ }
+ },
+ layout: {
+ width: 'auto',
+ marginLeft: theme.spacing.unit * 3,
+ marginRight: theme.spacing.unit * 3,
+ marginBottom: theme.spacing.unit * 6,
+ [theme.breakpoints.up(800 + theme.spacing.unit * 3 * 2)]: {
+ width: 800,
+ marginLeft: 'auto',
+ marginRight: 'auto'
+ }
+ },
+ paper: {
+ marginTop: 0,
+ marginBottom: theme.spacing.unit * 3,
+ padding: 0,
+ [theme.breakpoints.up(800 + theme.spacing.unit * 3 * 2)]: {
+ marginTop: theme.spacing.unit * 3,
+ marginBottom: theme.spacing.unit * 6,
+ padding: `0 0 ${theme.spacing.unit * 6}px`
+ }
+ },
+ heroContent: {
+ maxWidth: 800,
+ margin: '0 auto',
+ padding: 0
+ },
+ teamContent: {
+ margin: `${theme.spacing.unit * 1}px ${theme.spacing.unit * 3}px 0 0`
+ },
+ banner: {
+ maxWidth: '100%',
+ height: 'auto'
+ },
+ avatar: {
+ maxWidth: 100,
+ height: 100,
+ margin: `${theme.spacing.unit * 1}px 0 0 ${theme.spacing.unit * 3}px `
+ },
+ backLink: {
+ display: 'block',
+ textDecoration: 'none',
+ margin: `${theme.spacing.unit * 3}px 0 0`,
+ color: theme.palette.secondary.main
+ }
+})
+
+export class ManageTeamProfile extends Component {
+ constructor (props) {
+ super(props)
+
+ this.toggleEdit = this.toggleEdit.bind(this)
+ this.handleSave = this.handleSave.bind(this)
+
+ this.state = {
+ edit: false,
+ save: false
+ }
+ }
+
+ render () {
+ const { classes, team, slug, match } = this.props
+
+ return (
+
+
+
+
+
+ You don’t have any teams. Create one!
+
+
+ To begin developing on the Advanced Algos platform, as well as participate in Algobot competitions,
+ you'll need to create a team. A default trading algobot will be cloned and added to your team so
+ that you can begin experimenting right away.
+
+
+
+
+
+ )
+ }
+
+ toggleEdit () {
+ this.setState({ edit: !this.state.edit })
+ }
+
+ handleSave () {
+ this.setState({ save: !this.state.edit })
+ }
+}
+
+ManageTeamProfile.propTypes = {
+ classes: PropTypes.object.isRequired,
+ team: PropTypes.object.isRequired,
+ match: PropTypes.object.isRequired,
+ slug: PropTypes.string.isRequired
+}
+
+export default withStyles(styles)(ManageTeamProfile)
diff --git a/client/src/views/manage-teams/components/ManageTeamsItem.js b/client/src/views/manage-teams/components/ManageTeamsItem.js
index 4af1b51d5..db7c75648 100644
--- a/client/src/views/manage-teams/components/ManageTeamsItem.js
+++ b/client/src/views/manage-teams/components/ManageTeamsItem.js
@@ -7,20 +7,22 @@ import CardActions from '@material-ui/core/CardActions'
import CardContent from '@material-ui/core/CardContent'
import CardMedia from '@material-ui/core/CardMedia'
import Typography from '@material-ui/core/Typography'
+import Button from '@material-ui/core/Button'
+import EditIcon from '@material-ui/icons/Edit'
+
+import { Link } from 'react-router-dom'
-import ManageTeamDetails from './ManageTeamDetails'
import ManageTeamDelete from './ManageTeamDelete'
-import ManageTeamEdit from './ManageTeamEdit'
import log from '../../../utils/log'
-export const ManageTeamsItem = ({ classes, team, ...props }) => {
+export const ManageTeamsItem = ({ classes, team, match, ...props }) => {
log.debug('ManageTeamsItem', team, team.profile, team.profile.avatar)
let avatar
if (team.profile.avatar !== undefined && team.profile.avatar !== 'a') {
avatar = team.profile.avatar
} else {
- avatar = 'https://algobotcommstorage.blob.core.windows.net/aateammodule/aa-avatar-default.png'
+ avatar = process.env.STORAGE_URL + '/module-teams/module-default/aa-avatar-default.png'
}
return (
@@ -36,13 +38,22 @@ export const ManageTeamsItem = ({ classes, team, ...props }) => {
{team.name}
- {team.createdAt} | Members: {team.members.length}
+ Members: {team.members.length} | Financial Beings: {1}
-
+
+
+