shawn-sandy

// Name: Pixels to Rem
/*
# Pixels to rems converter

- This script converts pixels to rems and copies the result to the clipboard
- It uses the entered base/root font size to calculate the conversion
- The default root font size is 16px

## Author: @shawnsandy 

shawn-sandy

Documented starters/setups guides for building frontend applications

shawn-sandy

.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;

shawn-sandy

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'],

shawn-sandy

"use strict";

const matter = [
  null,
  null,
  null,
  {
    title: "Advanced title",
    description: "Some advance story",
    date: "2023-01-22T23:51:45.574Z",

shawn-sandy

// 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",

shawn-sandy

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,

shawn-sandy

# developer-portal-tab-container

shawn-sandy

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: {

shawn-sandy

/**
 * ! issues calling onFailure
 */

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