more clean-up of mui examples

sghall · Mar 29, 2018 · c4182a4 · c4182a4
1 parent a8fb43d
commit c4182a4
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 26 deletions.
diff --git a/docs/src/pages/slider-demos/material-ui/Example2.js b/docs/src/pages/slider-demos/material-ui/Example2.js
@@ -23,7 +23,6 @@ const defaultValues = [150, 300, 400, 450]
 
 class Example extends Component {
   state = {
-    step: 10,
     values: defaultValues.slice(),
     update: defaultValues.slice(),
   }
@@ -36,32 +35,15 @@ class Example extends Component {
     this.setState({ values })
   }
 
-  incStep = () => {
-    this.setState(({ step }) => ({
-      step: step <= 50 ? step + 5 : step,
-    }))
-  }
-
-  decStep = () => {
-    this.setState(({ step }) => ({
-      step: step >= 10 ? step - 5 : step,
-    }))
-  }
-
   render() {
-    const { props: { classes }, state: { step, values, update } } = this
+    const { props: { classes }, state: { values, update } } = this
 
     return (
       <div className={classes.root}>
         <ValueViewer values={values} update={update} />
-        <div>Step Value {step}</div>
-        <button onClick={this.decStep}>Decrement Step by 5</button>
-        <button onClick={this.incStep}>Increment Step by 5</button>
-        <br />
-        <br />
         <Slider
-          mode={3}
-          step={step}
+          mode={1}
+          step={1}
           domain={domain}
           className={classes.slider}
           onUpdate={this.onUpdate}

diff --git a/docs/src/pages/slider-demos/material-ui/Example3.js b/docs/src/pages/slider-demos/material-ui/Example3.js
@@ -42,7 +42,7 @@ class Example extends Component {
       <div className={classes.root}>
         <ValueViewer values={values} update={update} />
         <Slider
-          mode={1}
+          mode={2}
           step={10}
           domain={domain}
           className={classes.slider}

diff --git a/docs/src/pages/slider-demos/material-ui/Example4.js b/docs/src/pages/slider-demos/material-ui/Example4.js
@@ -43,7 +43,7 @@ class Example extends Component {
         <ValueViewer values={values} update={update} />
         <Slider
           reversed
-          mode={2}
+          mode={3}
           step={5}
           domain={domain}
           className={classes.slider}

diff --git a/docs/src/pages/slider-demos/material-ui/material-ui.md b/docs/src/pages/slider-demos/material-ui/material-ui.md
@@ -1,13 +1,13 @@
 ### Simple Value Slider - Step 5 
 {{demo='pages/slider-demos/material-ui/Example1.js'}}
 
-### Allow Crossing (mode = 1) - Step 5 
+### Allow Crossing (mode = 1) - Step 1
 {{demo='pages/slider-demos/material-ui/Example2.js'}}
 
-### Pushable (mode = 1) - Step 10
+### Prevent Crossing (mode = 2) - Step 10
 {{demo='pages/slider-demos/material-ui/Example3.js'}}
 
-### Reversed - Prevent Crossing (mode = 2) - Step 5 
+### Reversed - Pushable Mode (mode = 3) - Step 5 
 {{demo='pages/slider-demos/material-ui/Example4.js'}}
 
 ### Formatting Ticks - Prevent Crossing (mode = 2) - Step 0.01