WebD00D

import React, { useState, useEffect } from 'react';


const debounce = (value, delay) => {
  // State and setters for debounced value
  const [debouncedValue, setDebouncedValue] = useState(value);

  useEffect(
    () => {
      // Set debouncedValue to value (passed in) after the specified delay

WebD00D

<!-- 

1.  Body tag for https://beta.zignyl.com/employees/xxxx should get a employee-profile class added. 
2.  Panel group markup structure has changed a tad. Please note the original below, 
    and see comments on what changed further towards the bottom with the new markup.

OLD MARKUP:

<div class="col-md-6">
<div class="panel-group" id="accordionNotes" role="tablist" aria-multiselectable="true">

WebD00D

Google Maps Geofence Complete Example

A Pen by Saras Arya on CodePen.

License.

WebD00D

WebD00D

import React, { PureComponent } from "react";
import Link from "gatsby-link";
import cx from "classnames";
import fire from "../fire";
import { connect } from "react-redux";
import _ from "lodash";
import Moment from "react-moment";
import "moment-timezone";

import "../layouts/css/login.css";

WebD00D

import React, { PureComponent } from "react";
import Link from "gatsby-link";
import fire from "../fire";
import { Route, Redirect } from "react-router-dom";
import MapGL, { Marker, Popup, NavigationControl } from "react-map-gl";
import FileUploader from "react-firebase-file-uploader";
import cx from "classnames";
import _ from "lodash";
import { connect } from "react-redux";
import "whatwg-fetch";

WebD00D

import React, { Component } from "react";
import "./App.css";
import fire from "./firebase";
import ReactGA from "react-ga";
import cx from "classnames";
import ReactJWPlayer from "react-jw-player";

import InitialView from "./components/InitialView";
import Signup from "./components/Signup";
import SignIn from "./components/SignIn";

WebD00D

import React, { Component } from "react";
import { injectStripe } from "react-stripe-elements";
import "../App.css";
// import "fetch-polyfill";

import CardSection from "./CardSection";

class CheckoutForm extends Component {
  constructor(props) {
    super(props);

WebD00D

import React, { Component } from "react";
import logo from "./logo.svg";
import "./App.css";
import fire from "./database";
import cx from "classnames";
import Moment from "react-moment";
import "moment-timezone";
import _ from "lodash";

class App extends Component {

WebD00D

import React, { Component } from "react";
import logo from "./logo.svg";
import "./App.css";
import fire from "./database";
import cx from "classnames";

import StepIndicator from "./components/StepIndicator";
import OptionList from "./components/OptionList";
import TextInput from "./components/TextInput";
import TravelButton from "./components/Button";