update chromatic workflow

.github/workflows/chromatic.yml

@@ -1,30 +1,28 @@
-name: 'Chromatic'
-
+name: "Chromatic"
 on:
+  workflow_dispatch:
   push:
-    branches: [ integration ]
+    branches:
+      - integration
 
 jobs:
   chromatic-deployment:
     runs-on: ubuntu-latest
     defaults:
       run:
         working-directory: packages/webapp
-    strategy:
-      matrix:
-        node-version: [ 16 ]
     steps:
-      - uses: actions/checkout@v1
+      - name: Checkout repo
+        uses: actions/checkout@v3
         with:
           fetch-depth: 0
-      - uses: pnpm/[email protected]
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
         with:
-          version: 6.26.1
+          version: latest
       - name: Install dependencies
         run: pnpm install
-
       - name: Publish to Chromatic
         env:
           NODE_OPTIONS: "--max-old-space-size=8192"
         run: ./node_modules/.bin/chromatic --project-token ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-

README.md

@@ -308,6 +308,13 @@ Notes:
 - [container_name] are litefarm-db, litefarm-api and litefarm-web.
 - [ENV] are beta and prod
 
+## Storybook
+
+You can use Storybook to visualize and test out the UI components used throughout the app.
+
+- To view Storybook on your local environment, run `pnmp storybook` on the `packages/webapp` directory and navigate to http://localhost:6006
+- To view the deployed version of Storybook, which is updated automatically with the latest changes on the integration branch, go to https://65316fc4f177c73a9181a843-yobioprfjv.chromatic.com
+
 ## How to Contribute
 
 Please email: [email protected] for more details.

packages/webapp/package.json

@@ -9,8 +9,6 @@
     "preview": "vite preview",
     "lint": "eslint src",
     "i18n": "npx i18next 'src/**/*.{js,jsx,ts,tsx}' -c src/locales/i18next-parser.config.cjs",
-    "chromatic": "npx chromatic --project-token gb9nrdyzl8b",
-    "chromatic-local": "./node_modules/.bin/chromatic --project-token 594bdec1c518",
     "format": "npx prettier --write ./src",
     "storybook": "storybook dev -p 6006 public",
     "build-storybook": "storybook build",
@@ -84,7 +82,7 @@
     "@storybook/addon-links": "7.0.27",
     "@storybook/addon-mdx-gfm": "7.0.27",
     "@storybook/addon-viewport": "7.0.27",
-    "@storybook/jest": "^0.0.10",
+    "@storybook/jest": "^0.2.3",
     "@storybook/react": "7.0.27",
     "@storybook/react-vite": "7.0.27",
     "@storybook/test-runner": "^0.9.4",