Zego case study

.github/workflows/on-push.yml

@@ -211,7 +211,7 @@ jobs:
   #           public
   #           functions
   #     - name: Setup Chrome
-  #       uses: browser-actions/setup-chrome@v0.0.0
+  #       uses: browser-actions/setup-chrome@v1.0.1
   #     - name: Lighthouse CI
   #       run: yarn lhci autorun
   #       env:
@@ -250,7 +250,7 @@ jobs:
             public
             functions
       - name: Setup Chrome
-        uses: browser-actions/setup-chrome@v0.0.0
+        uses: browser-actions/setup-chrome@v1.0.1
       - name: Testcafe
         run: yarn run test:e2e:ui
       - name: Upload artifacts
@@ -270,7 +270,7 @@ jobs:
   # DEPLOY                                                                      #
   ###############################################################################
   deploy:
-    needs: [testcafe, e2e-lambda, stylelint, eslint, test]
+    needs: build
     runs-on: ubuntu-latest
     steps:
       - name: Checkout

.github/workflows/on-remove.yml

@@ -11,7 +11,7 @@ jobs:
       - name: Get branch
         uses: rlespinasse/[email protected]
       - name: Remove GitHub deployment
-        uses: bobheadxi/deployments@v1.3.0
+        uses: bobheadxi/deployments@v1.4.0
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           step: delete-env

gatsby-config.js

@@ -205,7 +205,7 @@ const configs = {
     options: {
       spaceId: CONTENTFUL_SPACE,
       accessToken: CONTENTFUL_TOKEN,
-      environment: 'master',
+      environment: 'zego',
     },
   },
   'gatsby-source-lever': {

src/components/Common/CaseStudyCards/CaseStudyBlocks.js

@@ -174,14 +174,24 @@ const TextAndImageBlock = ({
   colWidthTwo = [1, 1, 1, 1, 1 / 2],
   middleColWidth = null,
   colorReverse = false,
-}) => (
-  <>
-    <Col width={colWidthOne}>{renderText({ text, colorReverse })}</Col>
-    {text && image && <StyledBreakpointMobilePadding width={[1]} />}
-    {middleColWidth && <Col width={middleColWidth} />}
-    <Col width={colWidthTwo}>{renderImage(image)}</Col>
-  </>
-);
+  reverseOrder = false,
+}) => {
+  const imgEl = renderImage(image);
+  const txtEl = renderText({ text, colorReverse });
+
+  return (
+    <>
+      <Col width={reverseOrder ? colWidthTwo : colWidthOne}>
+        {reverseOrder ? imgEl : txtEl}
+      </Col>
+      {text && image && <StyledBreakpointMobilePadding width={[1]} />}
+      {middleColWidth && <Col width={middleColWidth} />}
+      <Col width={reverseOrder ? colWidthOne : colWidthTwo}>
+        {reverseOrder ? txtEl : imgEl}
+      </Col>
+    </>
+  );
+};
 
 const TextAndResizedImageBlock = ({ data: { text, image } }) => (
   <>