TonyDotDev

import React, { useRef, useEffect } from "react";

function useClickOutside(ref) {
  useEffect(() => {

    function handleClickOutside(event) {
      if (ref.current && !ref.current.contains(event.target)) {
        alert("Outside click");
      }
    }

TonyDotDev

const crypto = require('crypto');
const base32 = require('hi-base32');

export default function generateSecret(length = 20) {
   const randomBuffer = crypto.randomBytes(length);
   return base32.encode(randomBuffer).replace(/=/g, '');

TonyDotDev

const cheerio = require("cheerio");
const fs = require("fs");
const puppeteer = require("puppeteer");


const getData = (html) => {
  const data = [];
  const $ = cheerio.load(html);

  // Select HTML elements to extract data from using Cheerio's jQuery like selectors

TonyDotDev

import { useState, useEffect } from "react";

export const useWindowSize = () => {
  const isClient = typeof window === "object";

  const getSize = () => {
    return {
      width: isClient ? window.innerWidth : undefined,
      height: isClient ? window.innerHeight : undefined,
    };

TonyDotDev

import { useState, useEffect } from "react";

export const useScrollPosition = () => {
  const [scrollPosition, setScrollPosition] = useState(0);
  const [scrollDirection, setScrollDirection] = useState(-1);

  useEffect(() => {
    const scrollYPos = window.pageYOffset || document.documentElement.scrollTop;
    let lastScrollPos = scrollYPos;

TonyDotDev

// Remove arrows from number input
@mixin remove-arrows-number-input {
  &::-webkit-outer-spin-button,
  &::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  &[type="number"] {

TonyDotDev

import moment from "moment";

export const convertDateTimeToCurrentTimezone = dateTime => {
  const utcOffset = moment().utcOffset();
  return moment(dateTime).add(utcOffset, "minutes");
};

const createUTCDateTime = date =>
  moment(date)
    .utc()

TonyDotDev

export const maskPrice = price => {
  
  const scrubValue = price => {
    const removedDecimal = value.replace(/\./g, "");
    
    const onlyDigits = new RegExp(/^(\d)+$/);
    if (!onlyDigits.test(removedDecimal)) return;
    
    const removedDecimalArray = removedDecimal.split("");
    removedDecimalArray.splice(-2, 0, ".");

TonyDotDev

function copyToClipboard(element) {
  window.getSelection().removeAllRanges();
  
  const range = document.createRange();
  range.selectNode(element);
  window.getSelection().addRange(range);
  
  document.execCommand("copy");
  window.getSelection().removeAllRanges(); 
}

TonyDotDev

import React, { Component } from "react";

function withDebounce(WrappedComponent) {
  return class extends Component {
    constructor(props) {
      super(props);
      this.timeout = null;
      this.debounce = this.debounce.bind(this);
    }