fix: chromatic deployment

IFRCGo · Jun 21, 2024 · 7b68825 · 7b68825
1 parent 57c4481
commit 7b68825
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 4 deletions.
diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
@@ -6,11 +6,36 @@ on:
       - project/storybook
 
 jobs:
-  chromatic:
+  ui:
+    name: UI library
+    environment: 'test'
     runs-on: ubuntu-latest
     defaults:
       run:
-        working-directory: packages/go-ui-storybook
+        working-directory: packages/ui
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'yarn'
+      - name: Install dependencies on UI library
+        run: yarn install --frozen-lockfile
+      - name: Typecheck
+        run: yarn typecheck
+      - name: Lint CSS
+        run: yarn lint:css
+      - name: Lint JS
+        run: yarn lint:js
+      - name: build  UI library
+        run: yarn build
+      - uses: actions/upload-artifact@v4
+        with:
+          name: ui-build
+          path: packages/ui/dist
+  chromatic:
+    runs-on: ubuntu-latest
+    needs: [ui]
     steps:
       - uses: actions/checkout@v4
         with:

diff --git a/packages/go-ui-storybook/.storybook/preview.ts b/packages/go-ui-storybook/.storybook/preview.ts
@@ -1,6 +1,5 @@
-import '@ifrc-go/ui/index.css';
 import type { Preview } from "@storybook/react";
-
+import '@ifrc-go/ui/index.css';
 import '../src/stories/index.css';
 
 const preview: Preview = {