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

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

:where(label) {
  display: flex;
  place-items: center;
  margin-right: 1rem;
  gap: 0.3rem;
  cursor: pointer;
  height: auto;

  :where([type="checkbox"]) {
    appearance: none;

shawn-sandy

<footer>
  <section>
    <p>
      <small>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut odit expedita aliquam commodi incidunt nam
        maiores eum sunt minima corrupti dolore, fugiat veritatis sit, nobis harum ducimus repudiandae quos
        laboriosam?
      </small>
    </p>
  </section>

shawn-sandy

Snippets

shawn-sandy

node_modules
package-lock.json

# Cache
.npm
.cache
.eslintcache

# ignore built packages
dist

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 });

shawn-sandy

‎‎​