DistractionBoy

import {
  HomeIcon,
  FireIcon,
  UserGroupIcon,
  TrendingUpIcon,
} from "@heroicons/react/outline";
import { useRouter } from "next/router";
import React, { useEffect, useState } from "react";
import { NavLink } from "../lib";
import { classNames } from "../lib/helpers";

DistractionBoy

Hexadecimal color code for transparency

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

DistractionBoy

import { Step } from "../../components/Stepper";
import { createCtx } from "./createCtx";
import * as R from "ramda";

export const stepperInitialState: Step[] = [
  {
    id: "1",
    name: "Connect",
    description: "wallet and check network",
    href: "",

DistractionBoy

function range(size, startAt = 0) {
    return [...Array(size).keys()].map(i => i + startAt);
}

DistractionBoy

export function createCtx<StateType, ActionType>(
  reducer: React.Reducer<StateType, ActionType>,
  initialState: StateType,
) {
  const defaultDispatch: React.Dispatch<ActionType> = () => initialState // we never actually use this
  const ctx = React.createContext({
    state: initialState,
    dispatch: defaultDispatch, // just to mock out the dispatch type and make it not optioanl
  })
  function Provider(props: React.PropsWithChildren<{}>) {

DistractionBoy

const removeUndefinedForNextJsSerializing = <T,>(props: T): T =>
  Object.fromEntries(
    Object.entries(props).filter(([, value]) => value !== undefined)
  ) as T;

DistractionBoy

// eslint-disable-next-line @typescript-eslint/no-explicit-any
export type ActionMap<M extends { [index: string]: any }> = {
  [Key in keyof M]: M[Key] extends undefined
    ? {
        type: Key
      }
    : {
        type: Key
        payload: M[Key]
      }

DistractionBoy

/**
 * this function replaces atob() which is a method of the window object and does not run
 * properly on node. it takes a base64 encoded string and DECODES it into a js obj
 * ----found at ----> https://gist.github.com/oeon/0ada0457194ebf70ec2428900ba76255
 */
export const a2b = (a: string): string => {
  let b, c, d
  const e = {}
  let f = 0
  let g = 0

DistractionBoy

did:3:kjzl6cwe1jw1497l6u16iux4zwuoudouy9hdyvwnlc1bc9bhxcsepr7wx913h8c

DistractionBoy

(function () {
    angular
        .module('myApp')
        .service('ObserverService', ObserverService);

    function ObserverService () {
        var vm = this;
        vm.data = {};
        vm.callbacks = {};