Add chromatic

.github/workflows/chromatic.yml

@@ -0,0 +1,18 @@
+name: 'Chromatic'
+on: push
+
+jobs:
+  deployment:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+
+      - name: Install dependencies
+        working-directory: front/
+        run: yarn
+
+      - name: Publish to Chromatic
+        uses: chromaui/action@v1
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          workingDir: front/

front/components/Loading.tsx

@@ -4,4 +4,4 @@ const LoadingComponent = () => {
 	const theme = useTheme();
 	return <Spinner color={theme.colors.primary[500]}/>
 }
-export default LoadingComponent;
+export default LoadingComponent;

front/package.json

@@ -12,7 +12,8 @@
     "test:cov": "jest -i --coverage",
     "test:watch": "jest -i --watch",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "build-storybook": "build-storybook",
+    "chromatic": "chromatic --exit-zero-on-changes"
   },
   "dependencies": {
     "@expo/vector-icons": "^13.0.0",
@@ -68,6 +69,7 @@
     "@types/react-navigation": "^3.4.0",
     "babel-loader": "^8.3.0",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
+    "chromatic": "^6.14.0",
     "react-test-renderer": "17.0.2",
     "typescript": "~4.3.5"
   },
@@ -77,5 +79,7 @@
     "transformIgnorePatterns": [
       "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)"
     ]
-  }
+  },
+  "readme": "ERROR: No README data found!",
+  "_id": "chromacase@1.0.0"
 }