feat: Use Vercel for previews (#394)

* feat: use env var for api to handle vercel deployment

* fix: remove broken firebase actions stages

Author: aomi

.github/workflows/frontend.yaml

@@ -66,27 +66,3 @@ jobs:
         env:
           REACT_APP_SENTRY_RELEASE: ${{ github.sha }}
         run: npm run build
-      - name: Share artifact inside workflow
-        uses: actions/upload-artifact@v2
-        with:
-          name: create-react-app-build
-          path: build
-  deploy-preview:
-    name: Deploy to Firebase Hosting Preview
-    if: '!github.event.pull_request.head.repo.fork'
-    runs-on: ubuntu-latest
-    needs: [lint, test, build]
-    steps:
-      - uses: actions/checkout@v2
-      - name: Get artifact
-        uses: actions/download-artifact@v2
-        with:
-          name: create-react-app-build
-          path: build
-      - name: Deploy to Firebase Hosting
-        uses: FirebaseExtended/action-hosting-deploy@v0
-        with:
-          repoToken: '${{ secrets.GITHUB_TOKEN }}'
-          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT }}'
-          expires: 7d
-          projectId: staging-clockwork

src/index.tsx

@@ -61,12 +61,14 @@ if (process.env.NODE_ENV === 'production' || process.env.REACT_APP_ANALYTICS) {
 
 const searchClient = algoliasearch('CR92D3S394', '5477854d63b676fe021f8f83f5839a3a');
 
+const baseApiUrl = process.env.REACT_APP_API_URL;
+
 migrateLocalStorage();
 
 ReactDOM.render(
   <React.StrictMode>
     <Sentry.ErrorBoundary fallback={<>'An error has occurred'</>}>
-      <RestfulProvider base={'/api'}>
+      <RestfulProvider base={baseApiUrl ?? '/api'}>
         <InstantSearch searchClient={searchClient} indexName="dev_uvic">
           <ChakraProvider portalZIndex={999} theme={customTheme}>
             <ColorModeScript initialColorMode={customTheme.config.initialColorMode} />