@payfit/midnight

React UI components for the PayFit Design System

Usage

Install

• yarn add @payfit/midnight (or npm i -S @payfit/midnight)

Import

import { Text, Button } from '@payfit/midnight'

Development

Run dev

• yarn
• yarn start (will start the storybook)
• open http://localhost/9001 on your favorite browser (Chrome)

Test

• yarn test

Release new version

• npm login (login info in 1Password at npm)
• git config --global push.followTags true (will push tags with git push automatically)
• npm version patch|minor|major
• npm publish
• git push

Deploying to testing

Requirement

To be able to deploy the documentation to testing, make sure you did this before: https://www.notion.so/payfitapp/Connecting-to-our-staging-preprod-testing-Kubernetes-cluster-Getting-started-1ca6f236d9d64e2c8ea292cb6c6f55f1

You'll also need helm:

brew install kubernetes-helm

Available commands

Command	Description
yarn testing:list	Get the list of the deployed website
yarn testing:status	Get testing status
yarn testing:deploy	Deploy your branch to a testing, accessible at midnight-[branch-name].payfit.tech and will be updated automatically
yarn testing:delete	Delete the current branch's testing environment

Note:

• Before deploying to a testing, push your work and make sure CircleCI has finished its jobs (https://circleci.com/gh/PayFit/workflows).
• If your branch name contains a non-alphanumerical character (such as / \_) it will be replaced by -.
• When you don't need to publish a branch anymore, don't forget to delete it.