fix: ensure demo build (#1821)

* fix: ensure demo build * fix: update style
berviantoleo · May 6, 2023 · eb4621f · eb4621f
1 parent ac9bf5b
commit eb4621f
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -46,6 +46,11 @@ jobs:
         run: |
           yarn docs
           yarn lerna run docs --scope @berviantoleo/react-multi-crop
+      - name: Try Build Demo
+        run: yarn lerna run build --scope @berviantoleo/react-multi-crop-demo
+        env:
+          SKIP_PREFLIGHT_CHECK: true
+          PUBLIC_URL: /
       # TODO; will give the docs to artifacts
       - name: Cypress run
         uses: cypress-io/github-action@v5

diff --git a/examples/demo/src/components/ActionButton.tsx b/examples/demo/src/components/ActionButton.tsx
@@ -24,7 +24,7 @@ export default function ActionButton(): JSX.Element {
           record={{
             clippings: [
               {
-                id: 1,
+                id: "1",
                 rect: { x1: 0.0, y1: 0.0, x2: 0.2, y2: 0.2 },
                 rectPx: {},
               },

diff --git a/examples/demo/src/components/Default.tsx b/examples/demo/src/components/Default.tsx
@@ -19,7 +19,7 @@ export default function Default(): JSX.Element {
           record={{
             clippings: [
               {
-                id: 1,
+                id: "1",
                 rect: { x1: 0.0, y1: 0.0, x2: 0.2, y2: 0.2 },
                 rectPx: {},
               },

diff --git a/examples/demo/src/components/Readonly.tsx b/examples/demo/src/components/Readonly.tsx
@@ -39,27 +39,27 @@ export default function Readonly(): JSX.Element {
           record={{
             clippings: [
               {
-                id: 1,
+                id: "1",
                 rect: { x1: 0.0, y1: 0.0, x2: 0.2, y2: 0.2 },
                 rectPx: {},
               },
               {
-                id: 2,
+                id: "2",
                 rect: { x1: 0.5, y1: 0.5, x2: 0.7, y2: 0.7 },
                 rectPx: {},
               },
               {
-                id: 3,
+                id: "3",
                 rect: { x1: 0.3, y1: 0.3, x2: 0.5, y2: 0.5 },
                 rectPx: {},
               },
               {
-                id: 4,
+                id: "4",
                 rect: { x1: 0.7, y1: 0.7, x2: 1.0, y2: 1.0 },
                 rectPx: {},
               },
               {
-                id: 5,
+                id: "5",
                 rect: { x1: 0.2, y1: 0.2, x2: 0.3, y2: 0.3 },
                 rectPx: {},
               },