Linting fixes

Author: Tomdango

README.md

@@ -2,7 +2,7 @@
 
 NHS.UK Frontend ported to React
 
-[![GitHub Actions CI Status](https://github.com/NHSDigital/nhsuk-react-components/workflows/CI/badge.svg)](https://github.com/NHSDigital/nhsuk-react-components/actions?query=workflow%3A%22CI+Build%22+branch%3Amain) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-airbnb-brightgreen.svg)](https://github.com/airbnb/javascript) [![Bundle Size](https://img.shields.io/bundlephobia/minzip/nhsuk-react-components.svg)](https://bundlephobia.com/result?p=nhsuk-react-components)
+[![GitHub Actions CI Status](https://github.com/NHSDigital/nhsuk-react-components/workflows/CI/badge.svg)](https://github.com/NHSDigital/nhsuk-react-components/actions?query=workflow%3A%22CI+Build%22+branch%3Amain) [![Bundle Size](https://img.shields.io/bundlephobia/minzip/nhsuk-react-components.svg)](https://bundlephobia.com/result?p=nhsuk-react-components)
 
 ## Coming from 0.x?
 

src/components/action-link/__tests__/ActionLink.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import ActionLink from '../ActionLink';
 import { shallow } from 'enzyme';
+import ActionLink from '../ActionLink';
 
 describe('ActionLink', () => {
   it('matches snapshot', () => {

src/components/back-link/BackLink.tsx

@@ -3,11 +3,12 @@ import classNames from 'classnames';
 import { ChevronLeft } from '../icons';
 import type { AsElementLink } from '../../util/types/LinkTypes';
 
-const BackLink: React.FC<AsElementLink<HTMLAnchorElement>> = ({ 
-  children, 
-  className, 
+const BackLink: React.FC<AsElementLink<HTMLAnchorElement>> = ({
+  children,
+  className,
   asElement: Component = 'a',
-  ...rest }) => (
+  ...rest
+}) => (
   <div className="nhsuk-back-link">
     <Component className={classNames('nhsuk-back-link__link', className)} {...rest}>
       <ChevronLeft />

src/components/back-link/__tests__/BackLink.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import BackLink from '..';
 import { shallow } from 'enzyme';
+import BackLink from '..';
 
 describe('BackLink', () => {
   it('matches snapshot', () => {

src/components/breadcrumb/Breadcrumb.tsx

@@ -5,7 +5,9 @@ import type { AsElementLink } from '../../util/types/LinkTypes';
 
 type Item = React.FC<AsElementLink<HTMLAnchorElement>>;
 
-const Item: Item = ({ className, children, asElement: Component = 'a', ...rest }) => (
+const Item: Item = ({
+  className, children, asElement: Component = 'a', ...rest
+}) => (
   <li className="nhsuk-breadcrumb__item">
     <Component className={classNames('nhsuk-breadcrumb__link', className)} {...rest}>
       {children}

src/components/breadcrumb/__tests__/Breadcrumb.test.tsx

@@ -4,7 +4,7 @@ import Breadcrumb from '..';
 
 describe('Breadcrumb', () => {
   it('base element matches snapshot', () => {
-    const component = shallow(<Breadcrumb></Breadcrumb>);
+    const component = shallow(<Breadcrumb />);
     expect(component).toMatchSnapshot('BaseBreadcrumbs');
     component.unmount();
   });
@@ -35,7 +35,7 @@ describe('Breadcrumb', () => {
       .children();
 
     expect(breadcrumbList.length).toBe(2);
-    breadcrumbList.toArray().forEach(child => {
+    breadcrumbList.toArray().forEach((child) => {
       expect(child.attribs.class).toBe('nhsuk-breadcrumb__item');
     });
 

src/components/card/Card.tsx

@@ -24,7 +24,9 @@ interface ICard extends React.FC<CardProps> {
   GroupItem: typeof CardGroupItem;
 }
 
-const Card: ICard = ({ className, clickable, children, feature, ...rest }) => (
+const Card: ICard = ({
+  className, clickable, children, feature, ...rest
+}) => (
   <div
     className={classNames(
       'nhsuk-card',

src/components/card/__tests__/Card.test.tsx

@@ -11,7 +11,13 @@ describe('Card', () => {
         <Card.Content>
           <Card.Heading>If you need help now but it&apos;s not an emergency</Card.Heading>
           <Card.Description>
-            Go to <a href="#">111.nhs.uk</a> or <a href="#">call 111</a>
+            Go to
+            {' '}
+            <a href="#">111.nhs.uk</a>
+            {' '}
+            or
+            {' '}
+            <a href="#">call 111</a>
           </Card.Description>
         </Card.Content>
       </Card>,

src/components/card/components/CardLink.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import classNames from 'classnames';
 import type { AsElementLink } from '../../../util/types/LinkTypes';
 
-
 const CardLink: React.FC<AsElementLink<HTMLAnchorElement>> = ({
   className,
   asElement: Component = 'a',

src/components/care-card/CareCard.tsx

@@ -70,7 +70,9 @@ interface CareCard extends React.FC<CareCardProps> {
   Heading: React.FC<CareCardHeadingProps>;
 }
 
-const CareCard: CareCard = ({ className, type, children, ...rest }) => (
+const CareCard: CareCard = ({
+  className, type, children, ...rest
+}) => (
   <div className={classNames('nhsuk-care-card', `nhsuk-care-card--${type}`, className)} {...rest}>
     <CareCardContext.Provider value={type}>{children}</CareCardContext.Provider>
   </div>