Skip to content

Instantly share code, notes, and snippets.

View waldothedeveloper's full-sized avatar
🎖️
Never give up!

Waldo Lavaut waldothedeveloper

🎖️
Never give up!
View GitHub Profile
import { render, screen } from "@testing-library/react";
import { ForgotPasswordForm } from "../authentication/forgotPasswordForm";
import React from "react";
import userEvent from "@testing-library/user-event";
jest.mock(`gatsby-plugin-image`, () => {
const React = require(`react`);
const plugin = jest.requireActual(`gatsby-plugin-image`);
import { LockClosedIcon, LockOpenIcon } from "@heroicons/react/solid";
import { Link } from "gatsby";
import Notifications from "../notifications";
import React from "react";
import { StaticImage } from "gatsby-plugin-image";
import { useForgotPassword } from "../../hooks/authentication/useForgotPassword";
export const ForgotPasswordForm = () => {
const {
import { LockClosedIcon, LockOpenIcon } from "@heroicons/react/solid";
import { Link } from "gatsby";
import Notifications from "../notifications";
import React from "react";
import { StaticImage } from "gatsby-plugin-image";
import { useForgotPassword } from "../../hooks/authentication/useForgotPassword";
export const ForgotPasswordForm = () => {
const {
import Error from "./error";
// import { MatchWord } from "../utils/matchWord";
import React from "react";
import { convertBytes } from "../utils/convertBytes";
import { displayLocaleDates } from "../utils/displayLocaleDates";
import { getTimeRemaining } from "../utils/getTimeRemaining";
import { useStatus } from "../hooks/useStatus";
export default function Status() {
const { data, isError, isLoading } = useStatus(2);
import { Headers } from "node-fetch";
import { classifyTaks } from "../../utils/classifyTaks";
import fetch from "node-fetch";
export default async function fetchTasks(req, res) {
const url = `http://localhost:3000/api/${req.params.id}`;
// ! IMPORTANT: A .env file should be used here for the api-key value, but for the sake of this example, I'm using a hardcoded value.
const headers = new Headers();
headers.append("api-key", "globus");
import { Card } from "./card";
import React from "react";
import { StaticImage } from "gatsby-plugin-image";
export const StaticImages = () => {
return (
<div className="my-0 w-full h-full self-end relative overflow-hidden">
{/* background color image for xl devices only */}
<div className="hidden xl:block xl:absolute xl:inset-0 xl:w-full xl:mt-20">
<StaticImage
imgStyle={{
@waldothedeveloper
waldothedeveloper / gatsby-js-heap-out-of-mem
Created October 2, 2021 04:15
Gatsby 3.13.0 Javascript Heap out of memory
success Writing page-data.json files to public directory - 0.008s - 0/1 119.55/s
⠇ Re-building development bundle
<--- Last few GCs --->
[43632:0x7ff3b7b00000] 86719691 ms: Scavenge 2000.4 (2081.3) -> 1994.6 (2082.3) MB, 5.2 / 0.0 ms (average mu = 0.966, current mu = 0.974) allocation failure
[43632:0x7ff3b7b00000] 86719743 ms: Scavenge 2001.6 (2082.6) -> 1995.9 (2084.1) MB, 9.7 / 0.0 ms (average mu = 0.966, current mu = 0.974) allocation failure
[43632:0x7ff3b7b00000] 86720569 ms: Mark-sweep 2007.0 (2088.6) -> 1988.4 (2102.7) MB, 797.8 / 0.0 ms (average mu = 0.943, current mu = 0.653) allocation failure scavenge might not succeed
@waldothedeveloper
waldothedeveloper / stepForm.js
Created September 30, 2021 19:12
Step Online Form
import { createMachine, assign } from "xstate"
import {
zipCodeRegex,
verifyZipcode,
formatPhoneNumber,
validatePhoneNumber,
} from "../../utils/quiz_form_validation"
//
export const stepMachine = createMachine(
@waldothedeveloper
waldothedeveloper / gist:0638a6adc0d073f96573909361a0763e
Created September 21, 2021 21:00
Headless UI Radio Group doesn't include a defaultChecked
import React from "react"
import { RadioGroup } from "@headlessui/react"
import { classNames } from "../../utils/classNames"
import PropTypes from "prop-types"
import { CheckCircleIcon } from "@heroicons/react/solid"
export const RadioTemplate = ({
handleAnswers,
quiz,
activeStep,
@waldothedeveloper
waldothedeveloper / gist:8c76840655b7c503e64fdc4111d342c3
Created March 4, 2020 21:45
Lading page from TailwindUI Marketing free example
import React from 'react';
const Landing = () => {
return (
<div data-todo-x-data="{ open: false }" className="relative bg-white overflow-hidden">
<div className="max-w-screen-xl mx-auto ">
<div className="relative z-10 pb-8 bg-white sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32">
<div className="pt-6 px-4 sm:px-6 lg:px-8">
<nav className="relative flex items-center justify-between sm:h-10 lg:justify-start">
<div className="flex items-center flex-grow flex-shrink-0 lg:flex-grow-0">