upgrade packages and add note about COVID

.env.development

@@ -4,4 +4,3 @@ AUTH0_CALLBACK=http://localhost:8000/callback/
 AUTH0_AUDIENCE=https://api.gatsbyjs.com/
 GATSBY_API=https://us-central1-gatsby-core.cloudfunctions.net/graphql
 SHOPIFY_ACCESS_TOKEN=9aa73c089d34741f36edbe4d7314373a
-

gatsby-config.js

@@ -16,6 +16,7 @@ module.exports = {
         component: require.resolve(`./src/components/Layout/`)
       }
     },
+    'gatsby-plugin-sharp',
     'gatsby-transformer-sharp',
     {
       resolve: 'gatsby-source-shopify',

package.json

@@ -23,16 +23,16 @@
     "apollo-boost": "^0.3.1",
     "auth0-js": "^9.10.2",
     "axios": "^0.18.0",
-    "gatsby": "^2.5.0",
+    "gatsby": "^2.22.12",
     "gatsby-image": "^2.0.41",
     "gatsby-plugin-emotion": "^4.0.6",
     "gatsby-plugin-google-analytics": "^2.0.20",
     "gatsby-plugin-layout": "^1.0.15",
     "gatsby-plugin-manifest": "^2.1.1",
     "gatsby-plugin-offline": "^2.1.0",
     "gatsby-plugin-react-helmet": "^3.0.12",
-    "gatsby-plugin-sharp": "^2.0.37",
-    "gatsby-source-shopify": "^2.0.30",
+    "gatsby-plugin-sharp": "^2.6.9",
+    "gatsby-source-shopify": "^3.2.8",
     "gatsby-transformer-sharp": "^2.1.19",
     "react": "^16.8.6",
     "react-apollo": "^2.5.5",

src/components/ContributorArea/ContentForContributor.js

@@ -109,9 +109,7 @@ const ProgressIndicator = `
 `;
 
 const ProgressBar = styled(`progress`)`
-  ${ProgressBarContainer}
-
-  ::-webkit-progress-bar {
+  ${ProgressBarContainer} ::-webkit-progress-bar {
     ${ProgressBarContainer}
   }
 
@@ -235,6 +233,14 @@ const ContentForContributor = () => {
                 } to earn level 2 swag!`}</Text>
               </>
             )}
+            <Text style={{ fontStyle: 'italic' }}>
+              Due to COVID-19 related international mail service disruptions,
+              your order may be delayed or suspended. Please view{' '}
+              <a href="https://about.usps.com/newsroom/service-alerts/international/welcome.htm">
+                the list of affected countries
+              </a>{' '}
+              to see if your order is affected.
+            </Text>
           </ContentForContributorRoot>
         );
       }}

src/components/ContributorArea/ContentForNotContributor.js

@@ -43,8 +43,10 @@ class ContentForNotContributor extends Component {
         </Text>
         <Text>
           If you have questions, ask on any issue (you can tag{' '}
-          <a href="https://github.com/orgs/gatsbyjs/teams/learning">@gatsbyjs/learning</a> if you’d
-          like) or hit us up{' '}
+          <a href="https://github.com/orgs/gatsbyjs/teams/learning">
+            @gatsbyjs/learning
+          </a>{' '}
+          if you’d like) or hit us up{' '}
           <a href="https://twitter.com/gatsbyjs">on Twitter at @gatsbyjs</a>.
         </Text>
 

src/components/ContributorArea/ContentForNotLoggedIn.js

@@ -3,9 +3,9 @@ import styled from '@emotion/styled';
 import { GoMarkGithub } from 'react-icons/go';
 
 import { login } from '../../utils/auth';
+import { spacing, animations } from '../../utils/styles';
 import { Button as BaseButton } from '../shared/Buttons';
 import { Heading, SectionHeading, Text } from './AreaTypography';
-import { spacing, animations } from '../../utils/styles';
 
 const ContentForGuestRoot = styled(`div`)`
   animation: ${animations.simpleEntry};
@@ -41,13 +41,20 @@ const ContentForGuest = () => (
       had your first pull request merged into Gatsby, you can come back here to
       claim free swag.
     </Text>
-
     <Button
       inverse
       href="https://github.com/search?o=desc&q=org%3Agatsbyjs+type%3Aissue+label%3A%22help%20wanted%22+is%3Aopen&s=updated&type=Issues"
     >
       Explore Open Issues
     </Button>
+    <Text style={{ fontStyle: 'italic' }}>
+      Due to COVID-19 related international mail service disruptions, your order
+      may be delayed or suspended. Please view{' '}
+      <a href="https://about.usps.com/newsroom/service-alerts/international/welcome.htm">
+        the list of affected countries
+      </a>{' '}
+      to see if your order is affected.
+    </Text>
   </ContentForGuestRoot>
 );
 

src/components/Dashboard/Contributions.js

@@ -28,8 +28,10 @@ export default () => (
           </Text>
           <Text>
             If you have questions, ask on any issue (you can tag{' '}
-            <a href="https://github.com/orgs/gatsbyjs/teams/learning">@gatsbyjs/learning</a> if you’d
-            like) or hit us up{' '}
+            <a href="https://github.com/orgs/gatsbyjs/teams/learning">
+              @gatsbyjs/learning
+            </a>{' '}
+            if you’d like) or hit us up{' '}
             <a href="https://twitter.com/gatsbyjs">on Twitter at @gatsbyjs</a>.
           </Text>
           <Text>