add Chromatic to CI

.github/workflows/chromatic.yml

@@ -0,0 +1,25 @@
+name: 'Chromatic'
+
+on: push
+
+jobs:
+ chromatic:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout code
+ uses: actions/checkout@v4
+ with:
+ fetch-depth: 0
+
+ - name: Install dependencies
+ uses: pnpm/action-setup@v3
+ with:
+ version: 8
+
+ - name: Install dependencies
+ run: pnpm install
+
+ - name: Run Chromatic
+ uses: chromaui/action@latest
+ with:
+ projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

chromatic.config.json

@@ -0,0 +1,4 @@
+{
+ "projectId": "Project:66228a3205a9e64e345243d6",
+ "zip": true
+}

components/sidebar.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react'
-import { notes } from '#prisma/mock-data';
 import Sidebar from "./sidebar";
+import { createNotes } from '#mocks/notes';
 
 const meta = {
  component: Sidebar,
@@ -11,7 +11,7 @@ export default meta;
 type Story = StoryObj<typeof meta>
 export const Default: Story = {
  args: {
- notes: notes,
+ notes: createNotes(),
  children: null
  }
 }