Skip to content

Commit

Permalink
Fix warnings for deprecated APIs (#47)
Browse files Browse the repository at this point in the history
* Fix warnings for deprecated APIs

Fix warnings for deprecated use of Material-UI `fab` and `raised` button variants and with new `Fab` component and `contained` button variant. Fixes #46
See https://material-ui.com/api/button/

* Remove semi-colon
  • Loading branch information
skirunman authored and leMaik committed Dec 22, 2018
1 parent dd199b5 commit 7a41bea
Showing 1 changed file with 6 additions and 7 deletions.
13 changes: 6 additions & 7 deletions src/AutoRotatingCarousel.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import Paper from '@material-ui/core/Paper'
import { grey } from '@material-ui/core/colors'
import withStyles from '@material-ui/core/styles/withStyles'
import { duration } from '@material-ui/core/styles/transitions'
import Fab from '@material-ui/core/Fab'
import ArrowBackIcon from '@material-ui/icons/ArrowBack'
import ArrowForwardIcon from '@material-ui/icons/ArrowForward'
import Modal from '@material-ui/core/Modal'
Expand Down Expand Up @@ -210,7 +211,7 @@ class AutoRotatingCarousel extends Component {
})}
>
{label && <Button
variant='raised'
variant='contained'
onClick={onStart}
{...ButtonProps}
>
Expand All @@ -232,20 +233,18 @@ class AutoRotatingCarousel extends Component {
</div>
{!mobile && !hideArrows && hasMultipleChildren && (
<div>
<Button
variant='fab'
<Fab
className={classNames(classes.arrow, classes.arrowLeft)}
onClick={() => this.decreaseIndex()}
>
<ArrowBackIcon className={classes.arrowIcon} />
</Button>
<Button
variant='fab'
</Fab>
<Fab
className={classNames(classes.arrow, classes.arrowRight)}
onClick={() => this.increaseIndex()}
>
<ArrowForwardIcon className={classes.arrowIcon} />
</Button>
</Fab>
</div>
)}
</div>
Expand Down

0 comments on commit 7a41bea

Please sign in to comment.