iBasit

<style>
    td {
        border: 1px solid black;
        margin: 2px;
        padding: 2px;
    }
    .marked {
        background-color: red;
    }

iBasit

import { Observable } from 'rxjs/Observable';
import { Injectable } from '@angular/core';
import { AngularFireAuth } from 'angularfire2/auth';
// Do not import from 'firebase' as you'll lose the tree shaking benefits
import * as firebase from 'firebase/app';

@Injectable()
export class AuthService {
  private currentUser: firebase.User;

iBasit

// Render Prop
import React from 'react';
import { Formik } from 'formik';

const Basic = () => (
  <div>
    <h1>My Form</h1>
    <p>This can be anywhere in your application</p>
    {/*
          The benefit of the render prop approach is that you have full access to React's

iBasit

import React from 'react';
import { Formik, Field, Form } from 'formik';
import {bindActionCreators} from "redux";
import connect from "react-redux/es/connect/connect";
import { contactCompleted, contactHasError, contactLoading, saveContact } from "../actions/contactAction"
import * as Yup from 'yup';

/**
 * TODO Contact us form
 * √ - first name, last name and email request

iBasit

WAXP = (function(){
    
    MutationObserver = window.MutationObserver || window.WebKitMutationObserver;

    var SCROLL_INTERVAL = 600, 
        SCROLL_INCREMENT = 450, 
        AUTO_SCROLL = true,
        NAME_PREFIX = '',
        UNKNOWN_CONTACTS_ONLY = false, 
        MEMBERS_QUEUE = {},