add admin roles on sign up

src/components/SignUp/index.js

@@ -3,6 +3,7 @@ import { Link, withRouter } from 'react-router-dom';
 
 import { auth, db } from '../../firebase';
 import * as routes from '../../constants/routes';
+import * as ROLES from '../../constants/roles';
 
 const SignUpPage = ({ history }) => (
   <div>
@@ -16,6 +17,7 @@ const INITIAL_STATE = {
   email: '',
   passwordOne: '',
   passwordTwo: '',
+  isAdmin: false,
   error: null,
 };
 
@@ -27,15 +29,20 @@ class SignUpForm extends Component {
   }
 
   onSubmit = event => {
-    const { username, email, passwordOne } = this.state;
+    const { username, email, passwordOne, isAdmin } = this.state;
+    const roles = [];
+
+    if (isAdmin) {
+      roles.push(ROLES.ADMIN);
+    }
 
     const { history } = this.props;
 
     auth
       .doCreateUserWithEmailAndPassword(email, passwordOne)
       .then(authUser => {
         // Create a user in your own accessible Firebase Database too
-        db.doCreateUser(authUser.user.uid, username, email)
+        db.doCreateUser(authUser.user.uid, username, email, roles)
           .then(() => {
             this.setState(() => ({ ...INITIAL_STATE }));
             history.push(routes.HOME);
@@ -55,12 +62,17 @@ class SignUpForm extends Component {
     this.setState({ [event.target.name]: event.target.value });
   };
 
+  onChangeCheckbox = event => {
+    this.setState({ [event.target.name]: event.target.checked });
+  };
+
   render() {
     const {
       username,
       email,
       passwordOne,
       passwordTwo,
+      isAdmin,
       error,
     } = this.state;
 
@@ -100,10 +112,18 @@ class SignUpForm extends Component {
           type="password"
           placeholder="Confirm Password"
         />
+        <label>
+          Admin:
+          <input
+            name="isAdmin"
+            type="checkbox"
+            checked={isAdmin}
+            onChange={this.onChangeCheckbox}
+          />
+        </label>
         <button disabled={isInvalid} type="submit">
           Sign Up
         </button>
-
         {error && <p>{error.message}</p>}
       </form>
     );

src/constants/roles.js

@@ -0,0 +1 @@
+export const ADMIN = 'ADMIN';

src/firebase/db.js

@@ -2,13 +2,13 @@ import { db } from './firebase';
 
 // User API
 
-export const doCreateUser = (id, username, email) =>
+export const doCreateUser = (id, username, email, roles) =>
   db.ref(`users/${id}`).set({
     username,
     email,
+    roles,
   });
 
-export const onceGetUsers = () =>
-  db.ref('users').once('value');
+export const onceGetUsers = () => db.ref('users').once('value');
 
 // Other db APIs ...