lj litter

.gitignore

@@ -19,3 +19,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.idea

src/App.css

@@ -30,7 +30,7 @@ body {
   margin: 5px;
   cursor: pointer;
 
-  animation-duration: 4s;
+  animation-duration: 9s;
   animation-name: item-move;
   animation-timing-function: linear;
 

src/App.js

@@ -30,18 +30,21 @@ class App extends Component {
     };
 
     // Uncomment this to spawn a single test item
-    //const testItem = this.spawnItem(Date.now());
-    //this.state.items.push(testItem);
+    // const testItem = this.spawnItem(Date.now());
+    // this.state.items.push(testItem);
 
-    // Uncomment this to automatically spawn new items
+    // // Uncomment this to automatically spawn new items
     this.enableSpawner();
 
     console.log(this.state);
   }
-
-  onItemClicked = () => {
-    // Fill this in!
-  }
+    onItemClicked = () => {
+        // Fill this in!
+      console.log(this);
+      this.setState({
+          points: this.state.points + 1
+      });
+    };
 
   render() {
     const items = this.state.items.map((item, i) => {
@@ -50,7 +53,13 @@ class App extends Component {
                layer={100 + i}          // Layer - used for a CSS style to show items on-top of bg
                key={item.id}            // Key - to help React with performance
 
-               // Additional props (event callbacks, etc.) can be passed here
+               // Additional props (event c
+          // \allbacks, etc.) can be passed here
+               type={item.type}
+               index={i}
+               clicked={item.clicked}
+               onClickedCallback={this.onItemClicked}
+
              />;
     });