simplify

Author: lacker

src/App.js

@@ -5,93 +5,22 @@ export default class App extends React.Component {
   constructor(props) {
     super(props);
 
-    this.axiom = new Axiom({ verbose: true });
+    this.axiom = new Axiom();
 
     this.state = {
-      publicKey: null,
-      loadingMessage: null,
-      bucket: null,
-      counter: null
+      message: null
     };
-
-    this.login = this.login.bind(this);
-    this.createBucket = this.createBucket.bind(this);
-    this.increment = this.increment.bind(this);
-  }
-
-  async login() {
-    let publicKey = await this.axiom.getPublicKey();
-    this.setState({
-      publicKey: publicKey
-    });
-
-    this.setState({
-      loadingMessage: "loading your data..."
-    });
-
-    let bucket = await this.axiom.getBucket("counter", this.state.publicKey);
-    if (bucket) {
-      console.log("got bucket:", bucket);
-      let data = await bucket.getJSON("counter.json");
-      console.log("got data:", data);
-      let counter = data ? data.counter : 0;
-      this.setState({
-        bucket: bucket,
-        counter: counter,
-        loadingMessage: null
-      });
-    } else {
-      console.log("failed to get bucket");
-      this.setState({
-        loadingMessage: null
-      });
-    }
   }
 
-  async createBucket() {
-    this.setState({
-      loadingMessage: "creating a bucket..."
-    });
-    console.log("creating a bucket");
-    await this.axiom.createBucket("counter", this.state.publicKey, 1);
-    await this.login();
-  }
-
-  async increment() {
-    this.setState({
-      loadingMessage: `saving counter = ${this.state.counter + 1}...`
-    });
-    this.state.bucket.setJSON("counter.json", {
-      counter: this.state.counter + 1
-    });
-    console.log("uploading...");
-    await this.state.bucket.upload();
-    console.log("upload complete");
-    this.setState({
-      waiting: false,
-      loadingMessage: null,
-      counter: this.state.counter + 1
-    });
+  async onClick() {
+    this.setState({ message: "click!" });
   }
 
   render() {
-    if (this.state.loadingMessage) {
-      return <p>{this.state.loadingMessage}</p>;
-    }
-
-    if (!this.state.publicKey) {
-      return <button onClick={this.login}>Log In</button>;
-    }
-
-    if (!this.state.bucket) {
-      return <button onClick={this.createBucket}>Create a Counter</button>;
+    if (this.state.message) {
+      return <p>{this.state.message}</p>;
     }
 
-    return (
-      <div>
-        <p>Counter: {this.state.counter}</p>
-        <button onClick={this.increment}>count!</button>
-      </div>
-    );
+    return <button onClick={() => this.onClick()}>Click Me</button>;
   }
 }