Add popupless login to demo.

Author: RubenVerborgh

demo/components/App.js

@@ -1,7 +1,7 @@
 // @flow
 import React from 'react'
 
-import LoginButton from './LoginButton'
+import AuthButtons from './AuthButtons'
 import Copy from './Copy'
 import PersonalInfo from './PersonalInfo'
 import Footer from './Footer'
@@ -10,7 +10,7 @@ const App = () => (
   <div>
     <nav>
       <h1>Solid Auth Client Demo</h1>
-      <LoginButton />
+      <AuthButtons />
     </nav>
     <Copy />
     <PersonalInfo />

demo/components/AuthButtons.js

@@ -0,0 +1,41 @@
+// @flow
+import React from 'react'
+import auth from '../../src/'
+
+const popupUri = process.env.POPUP_URI
+
+export default class AuthButtons extends React.Component<Object, Object> {
+  constructor(props: {}) {
+    super(props)
+    auth.trackSession(session => this.setState({ loggedIn: !!session }))
+  }
+
+  logout() {
+    auth.logout()
+  }
+
+  login() {
+    const idp = window.prompt(
+      'What is the URL of your identity provider?',
+      'https://solidtest.space/'
+    )
+    if (idp) {
+      auth.login(idp)
+    }
+  }
+
+  popupLogin() {
+    auth.popupLogin({ popupUri })
+  }
+
+  render() {
+    return this.state.loggedIn ? (
+      <button onClick={this.logout}>Log out</button>
+    ) : (
+      <div>
+        <button onClick={this.login}>Log in</button>
+        <button onClick={this.popupLogin}>Log in via popup</button>
+      </div>
+    )
+  }
+}