Skip to content

Instantly share code, notes, and snippets.

Avatar
🎖️
Never give up!

Waldo Lavaut waldothedeveloper

🎖️
Never give up!
View GitHub Profile
View useForgotPassword.js
import { getAuth, sendPasswordResetEmail } from "firebase/auth";
import { useEffect, useState } from "react";
import { app } from "../../utils/firebaseConfig";
import { navigate } from "gatsby";
import { validEmailRegex } from "./validateEmailHelper";
const auth = getAuth(app);
auth.languageCode = `es`;
View forgotPasswordForm.test.js
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`);
View forgotPasswordForm.js
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 {
View forgotPasswordForm.js
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 {
View Status.js
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);
View tasks.js
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");
View gist:8ca70aa26470923a26618b2939a5f128
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 Oct 2, 2021
Gatsby 3.13.0 Javascript Heap out of memory
View gatsby-js-heap-out-of-mem
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
View stepForm.js
import { createMachine, assign } from "xstate"
import {
zipCodeRegex,
verifyZipcode,
formatPhoneNumber,
validatePhoneNumber,
} from "../../utils/quiz_form_validation"
//
export const stepMachine = createMachine(
@waldothedeveloper
waldothedeveloper / gist:0638a6adc0d073f96573909361a0763e
Created Sep 21, 2021
Headless UI Radio Group doesn't include a defaultChecked
View gist:0638a6adc0d073f96573909361a0763e
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,