From 0b4b3fa7273211760dcb58cbc01d5033a5837bf2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Wed, 19 Aug 2015 15:54:13 +0200
Subject: [PATCH] fix slideContainer broken functionality

---
 .../ascribe_slides_container/slides_container.js       | 10 ++++++++--
 .../wallet/components/cyland/cyland_register_piece.js  |  4 ++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/js/components/ascribe_slides_container/slides_container.js b/js/components/ascribe_slides_container/slides_container.js
index 56f1547f..50b6eb82 100644
--- a/js/components/ascribe_slides_container/slides_container.js
+++ b/js/components/ascribe_slides_container/slides_container.js
@@ -92,6 +92,12 @@ let SlidesContainer = React.createClass({
         });
     },
 
+    // When the start_from parameter is used, this.setSlideNum can not simply be used anymore.
+    nextSlide() {
+        let nextSlide = this.state.slideNum + 1;
+        this.setSlideNum(nextSlide);
+    },
+
     // We let every one from the outsite set the page number of the slider,
     // though only if the slideNum is actually in the range of our children-list.
     setSlideNum(slideNum) {
@@ -122,7 +128,7 @@ let SlidesContainer = React.createClass({
 
         // if slideNum is within the range of slides and none of the previous cases
         // where matched, we can actually do transitions
-        } else if(slideNum >= 0 || slideNum < React.Children.count(this.props.children)) {
+        } else if(slideNum >= 0 || slideNum < this.customChildrenCount()) {
             
             if(slideNum !== this.state.slideNum - 1) {
                 // Bootstrapping the component, getInitialState is called once to save
@@ -249,7 +255,7 @@ let SlidesContainer = React.createClass({
                 <div
                     className="container ascribe-sliding-container"
                     style={{
-                        width: this.state.containerWidth * React.Children.count(this.props.children),
+                        width: this.state.containerWidth * this.customChildrenCount(),
                         transform: 'translateX(' + (-1) * this.state.containerWidth * this.state.slideNum + 'px)'
                     }}>
                     <div className="row">
diff --git a/js/components/whitelabel/wallet/components/cyland/cyland_register_piece.js b/js/components/whitelabel/wallet/components/cyland/cyland_register_piece.js
index ef1c154e..5e96a1e6 100644
--- a/js/components/whitelabel/wallet/components/cyland/cyland_register_piece.js
+++ b/js/components/whitelabel/wallet/components/cyland/cyland_register_piece.js
@@ -97,11 +97,11 @@ let CylandRegisterPiece = React.createClass({
             PieceActions.updatePiece(response.piece);
         }
 
-        this.refs.slidesContainer.setSlideNum(1);
+        this.refs.slidesContainer.nextSlide();
     },
 
     handleAdditionalDataSuccess() {
-        this.refs.slidesContainer.setSlideNum(2);
+        this.refs.slidesContainer.nextSlide();
     },
 
     handleLoanSuccess(response) {