kaleem-elahi

export const isElementInViewport = (el) => {
    var rect = el.getBoundingClientRect();

    return rect.bottom > 0 &&
        rect.right > 0 &&
        rect.left < (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */ &&
        rect.top < (window.innerHeight || document.documentElement.clientHeight) /* or $(window).height() */;
}

kaleem-elahi

<div id="root">
  <!-- This div's content will be managed by React. -->
</div>

kaleem-elahi

//RenderByTenant.js
class RenderByTenant extends Component {
  render() {
    const {
      roles,
      currentTenant,
    } = this.props.accountInfo; // from redux store

    return currentTenant === 'tenant1' ? this.props.tenant1(roles) : this.props.tenant2(roles);
  }

kaleem-elahi

import {
  Component,
} from 'react';
import PropTypes from 'prop-types';
import {
  connect,
} from 'react-redux';

class RenderByTenant extends Component {
  render() {

kaleem-elahi

export const RenderByTenantFunc = (erg, wp) => (tenant === 'WP' ? wp() : erg());

kaleem-elahi

import React from 'react';
import PropTypes from 'prop-types';
import 'react-select/dist/react-select.css';


const InputField = (props) => {
  const {
    type,
    autoComplete,
    className,

kaleem-elahi

import React, { Component } from 'react';
// import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import Linkify from 'react-linkify';
import {
  renderToString,
} from 'react-dom/server';
import Parser from 'html-react-parser';

const style =

kaleem-elahi

    let final = [];
    
    const currentCompany = this.props.profile.position_history.filter(d => d.is_current_employer); // current company
   
   // Sorted latest to old job position 
    const otherSortedComapny = this.props.profile.position_history.sort((a, b) => {
      if (a.end_date) {
        return new Date(b.end_date) - new Date(a.end_date);
      }
      return new Date(b.start_date) - new Date(a.start_date);

kaleem-elahi

###Sketch trial non stop

Open hosts files:

$ open /private/etc/hosts

Edit the file adding:

127.0.0.1 backend.bohemiancoding.com

127.0.0.1 bohemiancoding.sketch.analytics.s3-website-us-east-1.amazonaws.com

kaleem-elahi

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS