Merge pull request #17 from microstates/upgrade-sandboxes

Upgrade sandboxes
microstates · Dec 12, 2018 · 6fbc965 · 6fbc965
2 parents f572707 + 8837fa5
commit 6fbc965
Show file tree

Hide file tree

Showing 6 changed files with 2,205 additions and 32 deletions.
diff --git a/sandboxes/react/package.json b/sandboxes/react/package.json
@@ -6,12 +6,12 @@
   "keywords": [],
   "main": "src/index.js",
   "dependencies": {
-    "@microstates/todomvc": "1.0.0-beta.0",
-    "classnames": "2.2.6",
+    "@microstates/todomvc": "0.12.0",
+    "classnames": "^2.2.6",
     "microstates": "0.12.3",
-    "prop-types": "15.6.2",
-    "react": "16.6.3",
-    "react-dom": "16.6.3",
+    "prop-types": "^15.6.2",
+    "react": "^16.6.3",
+    "react-dom": "^16.6.3",
     "react-scripts": "2.1.1"
   },
   "scripts": {

diff --git a/sandboxes/react/src/App.js b/sandboxes/react/src/App.js
@@ -14,7 +14,7 @@ export default class App extends React.Component {
       this.setState({ $ });
       this.props.onChange(valueOf($));
     })
-  }
+  };
   render() {
     let { $ } = this.state;
     return (
@@ -71,9 +71,7 @@ export default class App extends React.Component {
                     <label onDoubleClick={todo.edit}>{todo.text.state}</label>
                     <button
                       className="destroy"
-                      onClick={() =>
-                        $.todos.filter(item => todo.state !== item.state)
-                      }
+                      onClick={() => $.todos.remove(todo)}
                     />
                   </div>
                 )}
@@ -100,17 +98,14 @@ export default class App extends React.Component {
                 ))}
               </ul>
               {$.hasCompleted && (
-                <button
-                  className="clear-completed"
-                  onClick={$.clearCompleted}
-                >
+                <button className="clear-completed" onClick={$.clearCompleted}>
                   Clear completed
                 </button>
               )}
             </footer>
           )}
         </section>
       </div>
-    )
+    );
   }
-}
+}