Shawn Sandy shawn-sandy

‎‎

Dev Notes

Introduction

ZenDots take a break from the daily grind.

How to play

Dots move from the top to the bottom of the screen. A player tries to click on the dots and receives points when they are successful. Beat your last high score to add extra Zen to your day.

Click the start button to play.
POP as many dots as you can

A Hygen template for quickly scaffolding components for react Apps

Hygen is a simple, fast, and scalable code generator that lives in your project.

Build ad-hoc generators quickly and full on project scaffolds.

✅ Local generators per project (and global, if you must)

✅ Built-in scaffolds to quickly create generators

	import React from 'react'
	import COMPONENT_NAME from './component-name'

	import { ComponentStory, ComponentMeta } from "@storybook/react"
	import { BADGE } from '@geometricpanda/storybook-addon-badges';

	export default {
	title: 'Elements/COMPONENT_NAMEs',
	component: COMPONENT_NAME,
	argTypes: {

	/**
	* ! issues calling onFailure
	*/

	useEffect(() => {
	if (atsProgressStatus === 'INVALID_CREDENTIALS') {
	callOnFailure();
	next();
	// onFailure();
	console.log({ atsProgressStatus });

	// NOTE: this definitely is not working correctly, but is relatively close to what needs to be done
	useEffect(() => {
	if (existingIntegration) {
	return;
	}

	if (atsLinkStatus === ExternalAtsLinkStatusKind.InvalidCredentials) {
	onApiFailure();
	} else {
	// @ts-ignore

	import React from 'react';

	import { describe, expect, test, it } from 'vitest';
	import { render, screen } from '@testing-library/react';
	import userEvent from '@testing-library/user-event';

	import App from '../App'

	describe('App renders correctly', () => {

	import { describe, expect, it } from 'vitest'
	import App from './App'
	import { render, screen, userEvent } from './utils/test-utils'

	describe('Simple working test', () => {
	it('the title is visible', () => {
	render(<App />)
	expect(screen.getByText(/Hello Vite \+ React!/i)).toBeInTheDocument()
	})

	<!-- @format -->

	<style>
	dialog {
	--diag-bg: whitesmoke;
	--diag-bg-img: none;
	--diag-x: 1.5rem;
	--diag-y: 1.5rem;
	--bk-drop: rgba(0, 0, 0, 0.5);