Hotfix/setting : 워크플로우 수정 (#37)

* Chore: 워크플로우 수정

* Fix: 린트오류 제거

* Chore: 워크플로우 수정

Author: yulrang

.github/workflows/ci.yml

@@ -10,10 +10,49 @@ on:
       - develop
       - feat/*
       - hotfix/*
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
 jobs:
+  storybook:
+    permissions: write-all
+    runs-on: ubuntu-latest
+    timeout-minutes: 5
+    outputs:
+      status: ${{ job.status }}
+    steps:
+      - name: checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: cache dependencies
+        id: cache
+        uses: actions/cache@v3
+        with:
+          path: '**/node_modules'
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}-storybook
+
+      - name: depedency install
+        if: steps.cache.outputs.cache-hit != 'true'
+        run: npm ci
+
+      - name: publish to chromatic
+        id: chromatic
+        uses: chromaui/action@v1
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+      - name: comment PR
+        uses: thollander/actions-comment-pull-request@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          message: '🚀storybook: ${{ steps.chromatic.outputs.storybookUrl }}'
   build:
     name: Build
     runs-on: ubuntu-latest
+    timeout-minutes: 5
     steps:
       - name: Checkout
         uses: actions/checkout@v3

src/app/page.tsx

@@ -1,10 +1,3 @@
-import CustomButton from '@/components/input/CustomButton';
-
 export default function Home() {
-  return (
-    <div className="container">
-      CREW CREW
-      <CustomButton label="CustomButton" />
-    </div>
-  );
+  return <div className="container">CREW CREW</div>;
 }