UI Tweaks and bug fixes

website/package.json

@@ -15,7 +15,7 @@
   "license": "MIT",
   "dependencies": {
     "@emotion/cache": "11.10.3",
-    "@emotion/core": "11.0.0",
+    "@emotion/react": "11.10.4",
     "@emotion/styled": "11.10.4",
     "dayjs": "^1.8.23",
     "emotion-theming": "^10.0.27",

website/src/cms/cms.js

@@ -2,7 +2,7 @@ import React from 'react';
 import CMS from 'netlify-cms-app';
 import dayjs from 'dayjs';
 import Prism from 'prismjs';
-import { CacheProvider } from '@emotion/core';
+import { CacheProvider } from '@emotion/react';
 import createCache from '@emotion/cache';
 
 import BlogPostTemplate from '../components/blog-post-template';

website/src/components/blog-post-template.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 import Container from './container';
 import Markdown from './markdown';

website/src/components/button.js

@@ -1,4 +1,4 @@
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 
 import theme from '../theme';

website/src/components/community.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 import Markdownify from './markdownify';
 import PageHero from './page-hero';

website/src/components/container.js

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 import { mq } from '../utils';
 import theme from '../theme';

website/src/components/edit-link.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 function EditLink({ collection, filename }) {
   return (

website/src/components/header.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Link, graphql, StaticQuery } from 'gatsby';
 import styled from '@emotion/styled';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import GitHubButton from 'react-github-btn';
 
 import Container from './container';

website/src/components/notification.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from '@emotion/styled';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 import theme from '../theme';
 

website/src/components/page-hero.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 import Container from './container';
 import theme from '../theme';

website/src/components/release.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import moment from 'moment';
 import styled from '@emotion/styled';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 import Markdownify from '../components/markdownify';
 import theme from '../theme';

website/src/components/sidebar-layout.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 
 import Page from './page';

website/src/components/whats-new.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 import Container from './container';
 import Release from './release';

website/src/pages/blog.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Helmet } from 'react-helmet';
 import { Link, graphql } from 'gatsby';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 import Layout from '../components/layout';
 import Container from '../components/container';

website/src/pages/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { graphql } from 'gatsby';
 import styled from '@emotion/styled';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 import Layout from '../components/layout';
 import Markdownify from '../components/markdownify';