samselikoff

import Button from "@/components/Button";
import ImageCropper, {
  getCroppedImage,
  getDataURLFromFile,
} from "@/components/ImageCropper";
import Modal from "@/components/Modal";
import useCurrentUser from "@/hooks/use-current-user";
import useMutation from "@/hooks/use-mutation";
import { UserIcon } from "@heroicons/react/outline";
import { gql } from "graphql-request";

samselikoff

import { isTest } from "@/lib/constants";
import { Dialog } from "@headlessui/react";
import { motion } from "framer-motion";

const TRANSITIONS = {
  DURATION: !isTest ? 0.5 : 0,
  EASE: [0.32, 0.72, 0, 1],
};

function Modal({ onClose = () => {}, initialFocusRef, children }) {

samselikoff

import firebaseProvider from "@/lib/auth-providers/firebase";
import testProvider from "@/lib/auth-providers/test";
import { proxy, useSnapshot } from "valtio";
import { gql } from "graphql-request";
import request from "@/lib/request";

let isServer = typeof window === "undefined";
let isTest = !isServer && window.Cypress;
let mocksEnabled = process.env.NEXT_PUBLIC_ENABLE_MOCKS;

samselikoff

diff --git a/cypress/integration/signup.spec.js b/cypress/integration/signup.spec.js
index 3654bdd..4d7aefe 100644
--- a/cypress/integration/signup.spec.js
+++ b/cypress/integration/signup.spec.js
@@ -1,5 +1,14 @@
 describe("signup", () => {
-  it.skip("lets a user signup");
+  it("lets a user signup", () => {
+    cy.visit("/");
+    cy.contains("Sign up").click();

samselikoff

import Spinner from "@/components/Spinner";
import useCurrentUser from "@/hooks/use-current-user";
import useMutation from "@/hooks/use-mutation";
import { Dialog, Switch } from "@headlessui/react";
import * as Icons from "@heroicons/react/solid";
import { format, startOfWeek } from "date-fns";
import { Formik } from "formik";
import { AnimatePresence, motion } from "framer-motion";
import { gql } from "graphql-request";
import { useState, useRef } from "react";

samselikoff

<div className="grid grid-cols-2 mt-8 gap-y-4 gap-x-4">
  {categories.map((category) => (
    <motion.button
      whileTap={{ scale: 1.05 }}
      onMouseDown={() => setCategoryPressed(category.id)}
      onMouseUp={() => setCategoryPressed(null)}
      className="relative w-full py-3 overflow-hidden bg-white border rounded-lg"
      key={category.id}
    >
      <motion.span

samselikoff

import Spinner from "@/components/Spinner";
import useCurrentUser from "@/hooks/use-current-user";
import useMutation from "@/hooks/use-mutation";
import { Dialog, Switch } from "@headlessui/react";
import { CheckIcon } from "@heroicons/react/solid";
import { format, startOfWeek } from "date-fns";
import { Field, Formik } from "formik";
import { motion } from "framer-motion";
import { gql } from "graphql-request";
import { useRef } from "react";

samselikoff

/* TODO: Describe tw-reset */
/*! tailwindcss v2.2.16 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

samselikoff

import Head from "next/head";
import "tailwindcss/tailwind.css";
import "../styles.css";
import Link from "next/link";
import { useRouter } from "next/router";

function MyApp({ Component, pageProps }) {
  let router = useRouter();

  return (

samselikoff

import firebase from "firebase/app";
import "firebase/auth";
import { gql, GraphQLClient } from "graphql-request";
import { SWRConfig } from "swr";
import create from "zustand";
import { computed } from "zustand-middleware-computed-state";

const firebaseConfig = {
  //
};