Fix react warnings and Dots stories.

TeamWertarbyte · Sep 21, 2016 · d74e31e · d74e31e
1 parent 6e10bd5
commit d74e31e
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 7 deletions.
diff --git a/src/AutoRotatingCarousel.js b/src/AutoRotatingCarousel.js
@@ -142,7 +142,7 @@ export class AutoRotatingCarousel extends Component {
         {this.props.open ?
           <div style={style.content}>
             <Paper
-              zIndex={this.props.mobile ? 0 : 1}
+              zDepth={this.props.mobile ? 0 : 1}
               style={style.carouselWrapper}>
               <Carousel
                 autoplay={this.props.autoplay}
@@ -151,9 +151,10 @@ export class AutoRotatingCarousel extends Component {
                 onChangeIndex={(value) => this.handleChange(value)}
                 slideStyle={style.slide}
               >
-                {this.props.children.map((c) => React.cloneElement(c, {
+                {this.props.children.map((c, i) => React.cloneElement(c, {
                   mobile: this.props.mobile,
-                  landscape: this.props.landscape
+                  landscape: this.props.landscape,
+                  key: i
                 }))}
               </Carousel>
             </Paper>

diff --git a/src/SwipableCarouselView.js b/src/SwipableCarouselView.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { PropTypes } from 'react'
 import autoPlay from 'react-swipeable-views/lib/autoPlay'
 import virtualize from 'react-swipeable-views/lib/virtualize'
 import SwipeableViews from 'react-swipeable-views'
@@ -15,4 +15,10 @@ export default function Carousel ({ children, ...other }) {
   )
 }
 
-Carousel.propTypes = VirtualizeAutoPlaySwipeViews.propTypes
+if (process.env.NODE_ENV !== 'production') {
+  Carousel.propTypes = {
+    ...VirtualizeAutoPlaySwipeViews.propTypes,
+    children: PropTypes.node
+  }
+  delete Carousel.propTypes.slideRenderer
+}
diff --git a/stories/AutoRotatingDots.js b/stories/AutoRotatingDots.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Dots } from '../src/Dots'
+import Dots from '../src/Dots'
 
 export default class extends React.Component {
   constructor (props) {

diff --git a/stories/index.js b/stories/index.js
@@ -2,7 +2,7 @@ import React from 'react'
 import { storiesOf, action, linkTo } from '@kadira/storybook'
 import { green400, green600, blue400, blue600, red400, red600 } from 'material-ui/styles/colors'
 import { AutoRotatingCarousel, Slide } from '../src'
-import { Dots } from '../src/Dots'
+import Dots from '../src/Dots'
 import { themed } from './storyUtil'
 import AutoRotatingDots from './AutoRotatingDots'