diff --git a/mobile-app/src/screens/Team/Team.js b/mobile-app/src/screens/Team/Team.js index 39d18f1a98..68afdd7f30 100644 --- a/mobile-app/src/screens/Team/Team.js +++ b/mobile-app/src/screens/Team/Team.js @@ -47,13 +47,18 @@ export default class Team extends Component { id === myTeam ? onUpdateProfileTeam({ team: '' }) : onUpdateProfileTeam({ team: id }) }; - renderInfo = (icon, title, text, arrow, onPress) => ( + renderInfo = (icon, title, text, arrow, onPress, counter) => ( {title.toUpperCase()} {icon && } {text} {arrow && } + {!!(counter || counter === 0) && + + {counter} + + } ); @@ -92,7 +97,14 @@ export default class Team extends Component { {myTeam && myTeam !== team.id ? null : this.renderButton(btnText)} {this.renderInfo(locationIcon, strings.label_team_location, location )} {this.renderInfo(listIcon, strings.label_team_members, team.members )} - {this.renderInfo(trashIcon, strings.label_team_trashpoints, strings.label_team_trashpoints_tap, arrow, this.handleTrashpointsPress )} + {this.renderInfo( + trashIcon, + strings.label_team_trashpoints, + strings.label_team_trashpoints_tap, + arrow, + this.handleTrashpointsPress, + team.trashpoints + )} {this.renderInfo(null, strings.label_team_description, team.teamDescription )} ); diff --git a/mobile-app/src/screens/Team/styles.js b/mobile-app/src/screens/Team/styles.js index ad20a582f3..1781395ed2 100644 --- a/mobile-app/src/screens/Team/styles.js +++ b/mobile-app/src/screens/Team/styles.js @@ -60,6 +60,22 @@ export default { position: 'absolute', right: 15, }, + circle: { + justifyContent: 'center', + alignItems: 'center', + width: 25, + height: 25, + position: 'absolute', + right: 40, + borderRadius: 12.5, + backgroundColor: '#DF1E83' + }, + circleText: { + fontFamily, + color: 'white', + backgroundColor: 'rgba(0, 0, 0, 0)', + fontSize: 16, + }, text: { fontFamily, fontSize, diff --git a/mobile-app/src/screens/Teams/Teams.js b/mobile-app/src/screens/Teams/Teams.js index 122d2bf6a8..ee43a64b4b 100644 --- a/mobile-app/src/screens/Teams/Teams.js +++ b/mobile-app/src/screens/Teams/Teams.js @@ -14,6 +14,7 @@ import { ButtonDelete } from '../../assets/images'; import { COUNTRIES_HASH } from '../../shared/countries'; import { Backgrounds } from '../../assets/images'; import { TEAM_SCREEN } from '../index'; +import { Button } from '../../components/Button'; export default class Teams extends Component { @@ -97,7 +98,19 @@ export default class Teams extends Component { {strings.label_text_noteams_bottom} ); - + + renderGuestTeams = () => { + return ( + + +