Bump eslint-config-airbnb from 18.2.1 to 19.0.4 (#296)

* Bump eslint-config-airbnb from 18.2.1 to 19.0.4

Bumps [eslint-config-airbnb](https://github.com/airbnb/javascript) from 18.2.1 to 19.0.4.
- [Release notes](https://github.com/airbnb/javascript/releases)
- [Commits](airbnb/javascript@eslint-config-airbnb-v18.2.1...eslint-config-airbnb-v19.0.4)

---
updated-dependencies:
- dependency-name: eslint-config-airbnb
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

* Apply ESLint fixes

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Jonathan Beliën <[email protected]>
Co-authored-by: Jonathan Beliën <[email protected]>

Author: dependabot[bot]

package-lock.json

@@ -39,7 +39,7 @@
   },
   "devDependencies": {
     "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",

package.json

@@ -3,7 +3,7 @@ import React from 'react';
 import StyleInjector from './StyleInjector';
 import { AboutTemplate } from '../../pages/about';
 
-const About = ({ entry, widgetFor }) => {
+function About({ entry, widgetFor }) {
   const { data } = entry.toJS();
 
   data.body = widgetFor('body');
@@ -13,6 +13,6 @@ const About = ({ entry, widgetFor }) => {
       <AboutTemplate data={data} preview />
     </StyleInjector>
   );
-};
+}
 
 export default About;

src/cms/previews/About.jsx

@@ -11,7 +11,7 @@ const init = {
   body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra nisl ante, quis mattis magna sagittis nec. Morbi luctus nisl a nisi tincidunt interdum. Duis at pharetra purus. Etiam imperdiet, nunc id ullamcorper hendrerit, tellus felis ultricies tortor, vitae hendrerit augue mauris eu velit.'
 };
 
-const Activity = ({ entry, getAsset }) => {
+function Activity({ entry, getAsset }) {
   const { data } = entry.toJS();
 
   data.logo = getAsset(entry.getIn(['data', 'logo'])).toString();
@@ -45,6 +45,6 @@ const Activity = ({ entry, getAsset }) => {
       </div>
     </StyleInjector>
   );
-};
+}
 
 export default Activity;

src/cms/previews/Activity.jsx

@@ -3,13 +3,13 @@ import React from 'react';
 import StyleInjector from './StyleInjector';
 import FooterTemplate from '../../components/Footer';
 
-const Footer = ({ entry }) => {
+function Footer({ entry }) {
   const { data } = entry.toJS();
   return (
     <StyleInjector>
       <FooterTemplate data={data} />
     </StyleInjector>
   );
-};
+}
 
 export default Footer;

src/cms/previews/Footer.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 import StyleInjector from './StyleInjector';
 import HeaderTemplate from '../../components/Header';
 
-const Header = ({ entry, getAsset }) => {
+function Header({ entry, getAsset }) {
   const { data } = entry.toJS();
 
   data.logo = getAsset(data.logo).toString();
@@ -13,6 +13,6 @@ const Header = ({ entry, getAsset }) => {
       <HeaderTemplate data={data} />
     </StyleInjector>
   );
-};
+}
 
 export default Header;

src/cms/previews/Header.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 import StyleInjector from './StyleInjector';
 import { HomeTemplate } from '../../pages/index';
 
-const Home = ({ entry, getAsset, fieldsMetaData, boundGetAsset, config, isLoadingAsset }) => {
+function Home({ entry, getAsset, fieldsMetaData, boundGetAsset, config, isLoadingAsset }) {
   if (isLoadingAsset) return <div>Loading...</div>;
   const { data } = entry.toJS();
 
@@ -83,6 +83,6 @@ const Home = ({ entry, getAsset, fieldsMetaData, boundGetAsset, config, isLoadin
       <HomeTemplate data={data} />
     </StyleInjector>
   );
-};
+}
 
 export default Home;

src/cms/previews/Home.jsx

@@ -4,7 +4,7 @@ import StyleInjector from './StyleInjector';
 import { StoryTemplate } from '../../templates/Story';
 import { StoryCard } from '../../components/Story';
 
-const Story = ({ entry, widgetFor }) => {
+function Story({ entry, widgetFor }) {
   const { data } = entry.toJS();
 
   const excerpt = data.excerpt || data.body;
@@ -29,6 +29,6 @@ const Story = ({ entry, widgetFor }) => {
       </div>
     </StyleInjector>
   );
-};
+}
 
 export default Story;

src/cms/previews/Story.jsx

@@ -4,7 +4,7 @@ import { StyleSheetManager } from 'styled-components';
 import { GlobalStyle } from '../../styles/globals';
 
 // Nasty workaround to make Styled Components work with the custom preview
-const StyleInjector = ({ children }) => {
+function StyleInjector({ children }) {
   const [iframeRef, setIframeRef] = useState(null);
 
   useEffect(() => {
@@ -23,7 +23,7 @@ const StyleInjector = ({ children }) => {
       </StyleSheetManager>
     )
   );
-};
+}
 StyleInjector.propTypes = {
   children: PropTypes.node.isRequired
 };

src/cms/previews/StyleInjector.jsx

@@ -8,7 +8,7 @@ const TagExt = styled(Tag)`
   background-color: #f9f6ff;
 `;
 
-const Tags = ({ entry }) => {
+function Tags({ entry }) {
   const { data } = entry.toJS();
   return (
     <StyleInjector>
@@ -19,6 +19,6 @@ const Tags = ({ entry }) => {
       ))}
     </StyleInjector>
   );
-};
+}
 
 export default Tags;