ibelick

import Compressor from "compressorjs";

export const compressImage = async (
  file: File,
  quality: number,
  maxHeight: number,
  maxWidth: number,
  convertSize?: number
): Promise<File | Blob> => {
  return await new Promise((resolve, reject) => {

ibelick

import React, { useEffect, useState } from "react";
import { dynamicTimeLeft } from "utils/date";

interface TimerProps {
  dateEnd: Date;
}

const Timer: React.FC<TimerProps> = ({ dateEnd }) => {
  const [time, setTime] = useState<null | string>(null);

ibelick

export const dynamicTimeLeft = (date1: Date, date2: Date) => {
  const distance = date2.getTime() - date1.getTime();

  const hours = Math.floor(
    (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
  );
  const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  const seconds = Math.floor((distance % (1000 * 60)) / 1000);
  const addZero = (t: number) => (t > 9 ? t : `0${t}`);

ibelick

import { create } from "ipfs-http-client";
import { ImportCandidate } from "ipfs-core-types/src/utils";

const client = create({ url: "https://ipfs.infura.io:5001/api/v0" });

const useIpfs = () => {
  const upload = async (file: ImportCandidate) => {
    try {
      const added = await client.add(file);
      const url = `https://ipfs.infura.io/ipfs/${added.path}`;

ibelick

const SelectDisplayImage = () => {
  const [image, setImage] = useState<null | string>(null);

  const onImageChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const input = event.target;

    if (!input.files?.length) {
      return;
    }

ibelick

import useSWR from "swr";
import { fetcher } from "lib/fetch";

const usePrice = (fromCurrencies: string, vsCurrencies: string) => {
  const { data, error } = useSWR(
    `https://api.coingecko.com/api/v3/simple/price?ids=${fromCurrencies}&vs_currencies=${vsCurrencies}`,
    fetcher
  );

  return {

ibelick

interface ProgressProps {
  label?: string;
  value: number;
}

const Progress: React.FC<ProgressProps> = ({ label, value }) => {
  return (
    <>
      {label ? (
        <div className="mb-1 flex justify-between">

ibelick

const IconButton = () => {
  return (
    <button className="inline-flex h-10 w-10 items-center justify-center rounded-full bg-gray-50 text-black drop-shadow-sm transition-colors duration-150 hover:bg-gray-200">
      <svg className="h-4 w-4 fill-current" viewBox="0 0 20 20">
        <path
          d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"
          clip-rule="evenodd"
          fill-rule="evenodd"
        ></path>
      </svg>

ibelick

ibelick

import { useState, Fragment } from "react";
import { Transition } from "@headlessui/react";
import * as DialogPrimitive from "@radix-ui/react-dialog";
import * as Portal from "@radix-ui/react-portal";

interface DialogProps {
  trigger: React.ReactNode;
}

const Dialog: React.FC<DialogProps> = ({ trigger }) => {