Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
I may be slow to respond.

Shawn Sandy shawn-sandy

💭
I may be slow to respond.
View GitHub Profile
View label-divider.css
.divider {
position: relative;
text-align: center;
/* padding-bottom: 20px; adjust as needed */
height: 16px; /* adjust as needed */
}
.divider span {
background-color: #FFF;
padding: 0 10px;
View jest.config.js
const nextJest = require('next/jest')
const createJestConfig = nextJest({
// Provide the path to your Next.js app to load next.config.js and .env files in your test environment
dir: './',
})
// Add any custom config to be passed to Jest
const customJestConfig = {
setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
View frontmatter.js
"use strict";
const matter = [
null,
null,
null,
{
title: "Advanced title",
description: "Some advance story",
date: "2023-01-22T23:51:45.574Z",
View associative-array.ts
// create a javascript type for and associative array
type AssocArray = {
[key: string]: string;
};
// use the type to create an associative array
const myArray: AssocArray = {
"key1": "value1",
"key2": "value2",
View simple-button.stories.tsx
import { Button } from './button'
import { BADGE } from '@geometricpanda/storybook-addon-badges'
import '@shawnsandy/first-paint/dist/css/components/button.min.css'
import { userEvent, screen, waitFor } from '@storybook/testing-library'
import { expect } from '@storybook/jest'
export default {
title: 'FP.React Components/Buttons',
component: Button,
View iframe
# developer-portal-tab-container
View button.stories.tsx
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: {
View issues.tsx
/**
* ! issues calling onFailure
*/
useEffect(() => {
if (atsProgressStatus === 'INVALID_CREDENTIALS') {
callOnFailure();
next();
// onFailure();
console.log({ atsProgressStatus });
View install-progress.js
// 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