A Pen by Saras Arya on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- | |
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"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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"; |
NewerOlder