Cleanup deprecated MUI variants

This commit is contained in:
Barry Low committed 2018-10-11 16:04:50 -07:00
1 parent 9ddedccb95
commit 4791fedaf0
25 files changed
+53 -50

No files matched your search

+4
View File
@@ -70,3 +70,7 @@ dist/
#Mac specific files
.DS_Store
#yalc npm link
.yalc
yalc.lock
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@advancedalgos/teams-client",
"version": "0.0.13",
"version": "0.0.16",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
+1 -1
View File
@@ -3,7 +3,7 @@ import gql from 'graphql-tag'
export const GET_ALL_TEAMS_QUERY = gql`
query teamsQuery {
teams {
TeamsModuleTeams {
edges {
node {
id
@@ -14,7 +14,7 @@ const styles = theme => ({
const FinancialBeings = ({ classes }) => (
<div>
<Typography variant='display1' gutterBottom>
<Typography variant='h4' gutterBottom>
Financial Beings
</Typography>
<ManageFBList />
+1 -1
View File
@@ -14,7 +14,7 @@ const styles = theme => ({
const ManageTeams = ({ classes }) => (
<div>
<Typography variant='display1' gutterBottom>
<Typography variant='h4' gutterBottom>
Manage Your Teams
</Typography>
<ManageTeamsList />
+1 -1
View File
@@ -15,7 +15,7 @@ const styles = theme => ({
const TeamMembers = ({ classes }) => (
<div>
<Typography variant='display1' gutterBottom>
<Typography variant='h4' gutterBottom>
Team Members
<MessageCard message='Coming soon. Invite and manage team members.' />
</Typography>
@@ -80,7 +80,7 @@ export class CreateTeamDialog extends Component {
let loader = null
if (loading) {
loader = (
<Typography variant='subheading'>Submitting team...</Typography>
<Typography variant='subtitle1'>Submitting team...</Typography>
)
}
if (error) {
@@ -116,7 +116,7 @@ export class CreateTeamDialog extends Component {
required
error={this.state.nameError !== '' || this.state.botNameError !== '' || error !== null}
>
<Typography variant='subheading' align='center'>Create a name for your team</Typography>
<Typography variant='subtitle1' align='center'>Create a name for your team</Typography>
<TextField
autoFocus
margin='dense'
@@ -132,7 +132,7 @@ export class CreateTeamDialog extends Component {
{this.state.nameError !== '' && (
<FormHelperText>{this.state.nameError}</FormHelperText>
)}
<Typography variant='subheading' align='center' ><br />
<Typography variant='subtitle1' align='center' ><br />
Create a name for your teams bot.
</Typography>
<Typography align='center' >
@@ -60,7 +60,7 @@ export class CreateTeamDialog extends Component {
onClick={this.handleClickOpen}
>
<AddIcon className={this.props.classes.extendedIcon} />
<Typography variant='subheading'>Create A Team</Typography>
<Typography variant='subtitle1'>Create A Team</Typography>
</Button>
<Dialog
open={this.state.open}
@@ -69,7 +69,7 @@ export class CreateTeamDialog extends Component {
>
<DialogTitle id='form-dialog-title'>Subscribe</DialogTitle>
<DialogContent>
<Typography variant='subheading'>Team Creation</Typography>
<Typography variant='subtitle1'>Team Creation</Typography>
<DialogContentText>Name your team!</DialogContentText>
<TextField
autoFocus
@@ -13,7 +13,7 @@ import aaweb from '../../../assets/AlgonetWebPlatform.jpg'
export const DashEditor = ({ classes }) => (
<Grid item md={6}>
<Typography variant='display1' gutterBottom>
<Typography variant='h4' gutterBottom>
Develop
</Typography>
<Grid container spacing={24}>
@@ -25,7 +25,7 @@ export const DashEditor = ({ classes }) => (
title='Image title'
/>
<CardActions>
<Typography variant='title' color='inherit' aligh='right'>
<Typography variant='h6' color='inherit' aligh='right'>
<Button>Start Developing ></Button>
</Typography>
</CardActions>
@@ -29,7 +29,7 @@ export const DashTeam = ({ classes, user = null }) => {
if (authId === undefined || authId === null) {
return (
<Grid item md={6}>
<Typography variant='display1' gutterBottom>
<Typography variant='h4' gutterBottom>
Teams
</Typography>
<Typography variant='caption'>Loading...</Typography>
@@ -38,7 +38,7 @@ export const DashTeam = ({ classes, user = null }) => {
}
return (
<Grid item md={6} style={{ position: 'relative' }}>
<Typography variant='display1' gutterBottom>
<Typography variant='h4' gutterBottom>
Teams{' '}
<Link to='/manage-teams' className={classes.dashLink}>
Manage Teams
@@ -84,7 +84,7 @@ export const DashTeam = ({ classes, user = null }) => {
} else {
return (
<Grid container spacing={24}>
<Typography variant='subheading' gutterBottom>
<Typography variant='subtitle1' gutterBottom>
Loading...
</Typography>
{queryLoader}
@@ -47,11 +47,11 @@ export const DashTeamItem = ({ classes, team }) => (
title='Image title'
/>
<CardContent className={classes.cardContent}>
<Typography variant='headline'>{team.name}</Typography>
<Typography variant='subheading' color='textSecondary'>
<Typography variant='h5'>{team.name}</Typography>
<Typography variant='subtitle1' color='textSecondary'>
{team.createdAt}
</Typography>
<Typography variant='subheading' paragraph>
<Typography variant='subtitle1' paragraph>
Members: {team.members.length}
</Typography>
</CardContent>
@@ -65,7 +65,7 @@ export class InviteMemberDialog extends Component {
let loader = null
if (loading) {
loader = (
<Typography variant='subheading'>Submitting invitation...</Typography>
<Typography variant='subtitle1'>Submitting invitation...</Typography>
)
}
if (error) {
@@ -120,7 +120,7 @@ export class InviteMemberDialog extends Component {
</FormControl>
)}
{data !== undefined && data.sendMemberInviteSG === 'Success' && (
<Typography variant='subheading'>Invitation successfully sent!</Typography>
<Typography variant='subtitle1'>Invitation successfully sent!</Typography>
)}
</DialogContent>
<DialogActions>
@@ -28,7 +28,7 @@ export const ManageFBItem = ({ classes, team, authId }) => {
title={team.name}
/>
<CardContent className={classes.cardContent}>
<Typography gutterBottom variant='headline' component='h2'>
<Typography gutterBottom variant='h5' component='h2'>
{team.fb[0].name}
</Typography>
<Typography variant='caption' color='textSecondary'>
@@ -100,10 +100,10 @@ export class ManageMemberDelete extends Component {
Remove Team Member
</DialogTitle>
<DialogContent>
<Typography variant='subheading' color='primary'>
<Typography variant='subtitle1' color='primary'>
DANGER - Removing your team cannot be undone
</Typography>
<Typography variant='subheading'>
<Typography variant='subtitle1'>
Are you sure you want to remove this team member?
</Typography>
{loader}
@@ -108,7 +108,7 @@ export class ManageMemberRole extends Component {
Set Team Member Role
</DialogTitle>
<DialogContent>
<Typography variant='subheading'>
<Typography variant='subtitle1'>
Admin members can approve new team members, send team invitations, and remove team members.
</Typography>
<TextField
@@ -67,12 +67,12 @@ export class ManageMemberStatus extends Component {
<div classes={classes.dialogContainer}>
<Card className={classes.card}>
<CardContent>
<Typography variant='title' id='form-dialog-title'>
<Typography variant='h6' id='form-dialog-title'>
Member Status Details
</Typography>
{status !== null && status.map(stat => {
return (
<Typography variant='title' id='form-dialog-title' key={stat.createdAt}>
<Typography variant='h6' id='form-dialog-title' key={stat.createdAt}>
{stat.status} | {stat.reason} | {stat.createdAt}
</Typography>
)
@@ -25,7 +25,7 @@ export const ManageMembersItem = ({ classes, member, teamId, authId }) => {
return (
<Grid container className={classes.memberContainer}>
<Grid item xs={4}>
<Typography gutterBottom variant='subheading' component='h2' align='left' >
<Typography gutterBottom variant='subtitle1' component='h2' align='left' >
{profile !== null ? profile.alias : email}
</Typography>
</Grid>
@@ -79,7 +79,7 @@ export const ManageMembersTeamItem = ({ classes, team, authId }) => {
/>
</Grid>
<Grid item xs={9}>
<Typography gutterBottom variant='headline' component='h2'>
<Typography gutterBottom variant='h5' component='h2'>
{team.name}
</Typography>
</Grid>
@@ -105,10 +105,10 @@ export class ManageTeamDelete extends Component {
Delete Team Team
</DialogTitle>
<DialogContent>
<Typography variant='subheading' color='primary'>
<Typography variant='subtitle1' color='primary'>
DANGER - Deleting your team cannot be undone
</Typography>
<Typography variant='subheading'>
<Typography variant='subtitle1'>
Are you sure you want to delete this team?
</Typography>
{loader}
@@ -95,7 +95,7 @@ export class ManageTeamDetails extends Component {
<div classes={classes.dialogContainer}>
<Card className={classes.card}>
<CardContent>
<Typography variant='title' id='form-dialog-title'>
<Typography variant='h6' id='form-dialog-title'>
{name} Team Details
</Typography>
<CardMedia
@@ -109,26 +109,26 @@ export class ManageTeamDetails extends Component {
title={`${name} ${avatar}`}
/>
<Typography
variant='display3'
variant='h2'
align='center'
color='textPrimary'
gutterBottom
>
{name}
</Typography>
<Typography variant='subheading' color='textSecondary'>
<Typography variant='subtitle1' color='textSecondary'>
{createdAt}
</Typography>
<Typography variant='subheading' color='textSecondary'>
<Typography variant='subtitle1' color='textSecondary'>
Motto: {profile.motto}
</Typography>
<Typography variant='subheading' color='textSecondary'>
<Typography variant='subtitle1' color='textSecondary'>
Description: {profile.description}
</Typography>
<Typography variant='subheading' paragraph gutterBottom>
<Typography variant='subtitle1' paragraph gutterBottom>
Members: {members.length}
</Typography>
<Typography variant='subheading' color='primary'>
<Typography variant='subtitle1' color='primary'>
Team Admin:&nbsp;
{members.map(member => {
if (member.role === 'OWNER' || member.role === 'ADMIN') {
@@ -30,7 +30,7 @@ export const ManageTeamsItem = ({ classes, team, authId }) => {
title={team.name}
/>
<CardContent className={classes.cardContent}>
<Typography gutterBottom variant='headline' component='h2'>
<Typography gutterBottom variant='h5' component='h2'>
{team.name}
</Typography>
<Typography variant='caption' color='textSecondary'>
+1 -1
View File
@@ -14,7 +14,7 @@ const styles = theme => ({
export const Settings = ({ classes }) => (
<div>
<Typography variant='display1' gutterBottom>
<Typography variant='h4' gutterBottom>
Settings
</Typography>
<div className={classes.tableContainer}>
@@ -79,23 +79,23 @@ const TeamsDetails = ({ classes, team }) => {
<img src={banner} alt={team.name} className={classes.banner} />
<img src={avatar} alt={team.name} className={classes.avatar} />
<Typography
variant='display3'
variant='h2'
align='center'
color='textPrimary'
gutterBottom
>
{team.name}
</Typography>
<Typography variant='subheading' color='textSecondary'>
<Typography variant='subtitle1' color='textSecondary'>
{team.createdAt}
</Typography>
<Typography variant='subheading' color='textSecondary'>
<Typography variant='subtitle1' color='textSecondary'>
Motto: {team.profile.motto}
</Typography>
<Typography variant='subheading' color='textSecondary'>
<Typography variant='subtitle1' color='textSecondary'>
Description: {team.profile.description}
</Typography>
<Typography variant='subheading' paragraph gutterBottom>
<Typography variant='subtitle1' paragraph gutterBottom>
Members: {team.members.length}
</Typography>
</div>
@@ -35,7 +35,7 @@ export const TeamsItem = ({ classes, team }) => {
title={team.name}
/>
<CardContent className={classes.cardContent}>
<Typography gutterBottom variant='headline' component='h2'>
<Typography gutterBottom variant='h5' component='h2'>
{team.name}
</Typography>
<Typography variant='caption' color='textSecondary'>
@@ -44,7 +44,7 @@ export const TeamsItem = ({ classes, team }) => {
<Typography variant='caption' paragraph gutterBottom>
Members: 1
</Typography>
<Typography variant='subheading' color='primary'>
<Typography variant='subtitle1' color='primary'>
Now recruiting!
</Typography>
</CardContent>
@@ -5,6 +5,7 @@ import { Query } from 'react-apollo'
import Typography from '@material-ui/core/Typography'
import Grid from '@material-ui/core/Grid'
import { withStyles } from '@material-ui/core/styles'
import { MessageCard } from '@advancedalgos/web-components'
import GET_ALL_TEAMS_QUERY from '../../../graphql/teams/GetAllTeamsQuery'
@@ -78,7 +79,7 @@ export const TeamsList = ({ classes, match }) => (
<React.Fragment>
<div className={classes.heroContent}>
<Typography
variant='display3'
variant='h3'
align='center'
color='textPrimary'
gutterBottom
@@ -105,9 +106,7 @@ export const TeamsList = ({ classes, match }) => (
} else {
return (
<Grid container spacing={40}>
<Typography variant='subheading' gutterBottom>
Loading...
</Typography>
<MessageCard message='Loading...' />
{queryLoader}
{errors}
</Grid>