jeffscottward

/** @jsxRuntime classic */
/** @jsx jsx */
import React, { useEffect, useState } from 'react'
import { FileDrop } from 'react-file-drop'
import { jsx, Field, Flex, Button, Label, Box } from 'theme-ui'
import { pinFilesToIPFS } from '../utils/pinFilesToIPFS'

type MintFormProps = {}

let formData

jeffscottward

const Picture = ({ name, path = "images/", bp = [] }) => {
  let viewports = {};
  let sizes = ["1x", "2x", "3x"];
  let fileExtensions = {
    svg: "svg+xml",
    webp: "webp",
    png: "png",
    jpg: "jpeg",
    gif: "gif"
  };

jeffscottward

import React from 'react'

const DynamicGrid = ({ xy, squareSize, data }) => {
  console.log(data);
  const rowCells = xy * 2 + 1
  let rowFlag = true
  let rowEnd = '20'
  let gutter = '1'
  let insertSpacesAtIndex = []
  let dataCopy = [...data]

jeffscottward

<!-- https://codepen.io/brettdewoody/pen/rrKpPp -->
<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
  <li>E</li>
</ul>

jeffscottward

This post links my 3Box profile to my Github account! Web3 social profiles by 3Box.
    
  ✅ did:muport:QmUxNyZzTQpVsCgsHUUxwjLdbBwXCLPiLnZuyNnACXnaTj ✅
    
    Create your profile today to start building social connection and trust online at https://3Box.io/

jeffscottward

import React from "react";
import capitalize from "../utils/capitalize";

const FormGroup = props => {
  const {
    group,
    field,
    onChange,
    type,
    size,

jeffscottward

// Uses the HOC state provider from the other GIST

import React from "react";

import Header from "../components/Header";
import Main from "../components/Main";
import SampleComponent from "../components/SampleComponent";

import Global from "../constants/Global";

jeffscottward

const should = require("chai").should(); //actually call the function
const foo = "bar";
const beverages = { tea: ["chai", "matcha", "oolong"] };

// https://codeburst.io/javascript-unit-testing-using-mocha-and-chai-1d97d9f18e71

beforeEach("Setting up the userList", function() {
  console.log("beforeEach");
});

jeffscottward

.loading {
  animation: pulse .5s linear infinite;
}
@keyframes pulse { 
  from { background: white; } 
  to { background: red; }
}

jeffscottward

import axios from "axios";
// ====================================================
// https://codeburst.io/all-about-javascript-arrays-in-1-article-39da12170b1c
// DONT USE DELETE ON ARRAYS - use proper methods

export const myAsyncFunc = async url => {
  // const payload = await window.fetch(url);
  // const payloadJSON = await payload.json();
  const payload = await axios(url);
  const data = payload.data