DistractionBoy DistractionBoy

Hexadecimal color code for transparency

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

	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";

	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: "",

	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<{}>) {

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

	// 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]
	}

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

	/**
	* 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

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

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