kingisaac95

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

function usePolling(action, delay) {
  const timeoutId = useRef(null);
  const isComponentMounted = useRef(false);

  const handlePolling = useCallback(() => {
    action().then(() => {
      if (isComponentMounted.current) {
        timeoutId.current = setTimeout(handlePolling, delay);

kingisaac95

// Source: https://a-z-animals.com/animals/
const allAnimals = {
  Aardvark: true,
  Aardwolf: true,
  Abyssinian: true,
  'Abyssinian Guinea Pig': true,
  'Acadian Flycatcher': true,
  'Achrioptera Manga': true,
  'Ackie Monitor': true,
  Addax: true,

kingisaac95

const borderStyle = css`
  border: solid 1px ${({ theme }) => theme.colors.neutral._40};
`;

export const $TimelineCapsule = styled.div`
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;

kingisaac95

const sortByPropertyName = ({ data, field = 'name' }) =>
  data.sort(function (a, b) {
    var nameA = a[field].toUpperCase();
    var nameB = b[field].toUpperCase();
    if (nameA < nameB) return -1;
    if (nameA > nameB) return 1;

    return 0;
  });

kingisaac95

// Epochs
const epochs = [
    ['year', 31536000],
    ['month', 2592000],
    ['day', 86400],
    ['hour', 3600],
    ['minute', 60],
    ['second', 1]
];

kingisaac95

import { AxiosResponse } from 'axios';
import { logger } from 'firebase-functions';

const retryPromise = (
  fn: () => Promise<AxiosResponse>,
  retries = 2,
  err: null | unknown = null
): Promise<AxiosResponse> => {
  logger.log('Retries: ', retries);

kingisaac95

function retry(fn, retries = 2, err = null) {
  console.log("Retries: ", retries);

  if (!retries) {
    console.log("Done Retrying...");
    return Promise.reject(err);
  }
  return fn().catch((err) => {
    console.log("Retrying...");
    return retry(fn, retries - 1, err.response);

kingisaac95

const formatCount = (x) => x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');

kingisaac95

const uploadFile = ({
  event,
  onComplete
}: {
  event: ChangeEvent<HTMLInputElement>;
  onComplete: (file: File, base64File: string) => void;
}) => {
  event.preventDefault();

  let base64File: string;

kingisaac95

// Tabs.jsx
import PropTypes from 'prop-types';
import { useState } from 'react';
import styles from './Tabs.module.css';

export const Tabs = ({ tabHeaders, children, defaultTab }) => {
  const [currentTab, setCurrentTab] = useState(defaultTab.toLowerCase());

  const handleTabSelect = (tabHeader) => {
    setCurrentTab(tabHeader.toLowerCase());