update structure of saveState example to comply with changes to reset method, whitespace formatting changes

Author: geoffdavis92

stories/index.js

@@ -36,7 +36,9 @@ storiesOf("Floodgate/simple", module)
       <Floodgate data={generateFilledArray(9)} initial={2} increment={2}>
         {({ items, loadNext, loadComplete }) => (
           <article>
-            {items.map(n => <p key={n}>{n}</p>)}
+            {items.map(n => (
+              <p key={n}>{n}</p>
+            ))}
             {(!loadComplete && (
               <p>
                 <button onClick={loadNext}>Load More</button>
@@ -53,7 +55,9 @@ storiesOf("Floodgate/simple", module)
       <Floodgate data={generateFilledArray(9)} increment={3} initial={3}>
         {({ items, loadNext, loadComplete }) => (
           <article>
-            {items.map(n => <p key={n}>{n}</p>)}
+            {items.map(n => (
+              <p key={n}>{n}</p>
+            ))}
             {(!loadComplete && (
               <p>
                 <button onClick={loadNext}>Load More</button>
@@ -70,7 +74,9 @@ storiesOf("Floodgate/simple", module)
       <Floodgate data={generateFilledArray(9)} increment={3} initial={4}>
         {({ items, loadNext, loadComplete }) => (
           <article>
-            {items.map(n => <p key={n}>{n}</p>)}
+            {items.map(n => (
+              <p key={n}>{n}</p>
+            ))}
             {(!loadComplete && (
               <p>
                 <button onClick={loadNext}>Load More</button>
@@ -85,7 +91,9 @@ storiesOf("Floodgate/simple", module)
     <Floodgate data={generateFilledArray(9)} initial={9}>
       {({ items, loadNext, loadComplete }) => (
         <article>
-          {items.map(n => <p key={n}>{n}</p>)}
+          {items.map(n => (
+            <p key={n}>{n}</p>
+          ))}
           {(!loadComplete && (
             <p>
               <button onClick={loadNext}>Load More</button>
@@ -99,15 +107,18 @@ storiesOf("Floodgate/simple", module)
     <Floodgate data={generateFilledArray(25)}>
       {({ items, loadNext, loadComplete, reset }) => (
         <article>
-          {items.map(n => <p key={n}>{n}</p>)}
+          {items.map(n => (
+            <p key={n}>{n}</p>
+          ))}
           {(!loadComplete && (
             <p>
               <button onClick={loadNext}>Load More</button>
               <button onClick={reset}>Reset</button>
             </p>
           )) || (
             <p>
-              All loaded.<br />
+              All loaded.
+              <br />
               <button onClick={reset}>Reset</button>
             </p>
           )}
@@ -138,26 +149,30 @@ storiesOf("Floodgate/simple", module)
                       });
                       window.location = "#last";
                     }
-                  })}
+                  })
+                }
               >
                 Load More
               </button>
               <button
                 onClick={e =>
-                  reset({ callback: state => console.log("RESET", { state }) })}
+                  reset({ callback: state => console.log("RESET", { state }) })
+                }
               >
                 Reset
               </button>
             </p>
           )) || (
             <p>
-              All loaded.<br />
+              All loaded.
+              <br />
               <button
                 onClick={e =>
                   reset({
                     callback: state =>
                       console.log("RESET AFTER ALL LOADED", { state })
-                  })}
+                  })
+                }
               >
                 Reset
               </button>
@@ -192,7 +207,8 @@ storiesOf("Floodgate/simple", module)
                         });
                         window.location = "#last";
                       }
-                    })}
+                    })
+                  }
                 >
                   Load More
                 </button>
@@ -201,28 +217,32 @@ storiesOf("Floodgate/simple", module)
                     loadAll({
                       callback: state => console.log("LOAD ALL", { state }),
                       suppressWarning: false
-                    })}
+                    })
+                  }
                 >
                   Load All
                 </button>
                 <button
                   onClick={e =>
                     reset({
                       callback: state => console.log("RESET", { state })
-                    })}
+                    })
+                  }
                 >
                   Reset
                 </button>
               </p>
             )) || (
               <p>
-                All loaded.<br />
+                All loaded.
+                <br />
                 <button
                   onClick={e =>
                     reset({
                       callback: state =>
                         console.log("RESET AFTER ALL LOADED", { state })
-                    })}
+                    })
+                  }
                 >
                   Reset
                 </button>
@@ -281,7 +301,11 @@ storiesOf("Floodgate/simple", module)
             <Floodgate data={this.state.data} initial={3} increment={1}>
               {({ items, loadNext, loadComplete }) => (
                 <div>
-                  <ul>{items.map(n => <li>{n}</li>)}</ul>
+                  <ul>
+                    {items.map(n => (
+                      <li>{n}</li>
+                    ))}
+                  </ul>
                   <button onClick={loadNext} disabled={loadComplete}>
                     Load More
                   </button>
@@ -318,16 +342,24 @@ storiesOf("Floodgate/simple", module)
                   stashState("savedFloodgateState", {
                     ...state,
                     initial: state.currentIndex
-                  })}
+                  })
+                }
               >
-                {({ items, loadNext, loadComplete, reset }) => (
+                {({ items, loadNext, loadAll, loadComplete, reset }) => (
                   <article>
-                    {items.map(n => <p key={n.toString()}>{n}</p>)}
+                    {items.map(n => (
+                      <p key={n.toString()}>{n}</p>
+                    ))}
                     <br />
                     {!loadComplete ? (
-                      <button onClick={loadNext}>load next</button>
+                      <React.Fragment>
+                        <button onClick={loadNext}>load next</button>
+                        <button onClick={loadAll}>load all</button>
+                      </React.Fragment>
                     ) : (
-                      <button onClick={reset}>reset</button>
+                      <button onClick={() => reset({ initial: 3 })}>
+                        reset
+                      </button>
                     )}
                   </article>
                 )}
@@ -359,16 +391,21 @@ storiesOf("Floodgate/simple", module)
                   stashState("savedFloodgateState", {
                     ...state,
                     initial: state.currentIndex
-                  })}
+                  })
+                }
               >
                 {({ items, loadNext, loadComplete, reset }) => (
                   <article>
-                    {items.map(n => <p key={n.toString()}>{n}</p>)}
+                    {items.map(n => (
+                      <p key={n.toString()}>{n}</p>
+                    ))}
                     <br />
                     {!loadComplete ? (
                       <button onClick={loadNext}>load next</button>
                     ) : (
-                      <button onClick={reset}>reset</button>
+                      <button onClick={() => reset({ initial: 3 })}>
+                        reset
+                      </button>
                     )}
                   </article>
                 )}