run lint and reformatter

Author: sydneywalcoff

products/statement-generator/src/components/DynamicText.tsx

@@ -15,8 +15,8 @@ const useStyles = makeStyles(() =>
       verticalAlign: 'middle',
     },
     link: {
-      color: '#25003F'
-    }
+      color: '#25003F',
+    },
   })
 );
 
@@ -27,12 +27,16 @@ const DynamicLink = (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => {
 
   return (
     <>
-      <a className={classes.link} {...rest}>{children}</a>
-      {isExternalLink && <LaunchOutlined fontSize="small" className={classes.externalLinkIcon} />}
+      <a className={classes.link} {...rest}>
+        {children}
+      </a>
+      {isExternalLink && (
+        <LaunchOutlined fontSize="small" className={classes.externalLinkIcon} />
+      )}
     </>
-  )
+  );
 };
 
 export default function DynamicText({ i18nkey }: any) {
   return <Trans i18nKey={i18nkey} components={{ Link: <DynamicLink /> }} />;
-}
+}

products/statement-generator/src/components/FAQAccordion.tsx

@@ -95,9 +95,7 @@ export const FAQAccordion: React.FC<CustomAccordionProps> = ({
       <AccordionDetails style={{ padding: 0, width: '100%' }}>
         <div className={classes.accordionDetailsContainer}>
           {content &&
-            content.map((paragraph) => (
-              <DynamicText i18nkey={paragraph}/>
-            ))}
+            content.map((paragraph) => <DynamicText i18nkey={paragraph} />)}
           {children && children}
         </div>
       </AccordionDetails>

products/statement-generator/src/pages-form/BeforeYouBegin.tsx

@@ -113,23 +113,23 @@ const BeforeYouBegin = () => {
 
       <h6>{t('before_you_begin_page.sectionTitle1')}</h6>
       <p>
-        <DynamicText i18nkey='before_you_begin_page.sectionParagraph1' />
+        <DynamicText i18nkey="before_you_begin_page.sectionParagraph1" />
       </p>
       <h6>{t('before_you_begin_page.sectionTitle2')}</h6>
       <p>
-        <DynamicText i18nkey='before_you_begin_page.sectionParagraph2' />
+        <DynamicText i18nkey="before_you_begin_page.sectionParagraph2" />
       </p>
       <h6>{t('before_you_begin_page.sectionTitle3')}</h6>
       <p>
-        <DynamicText i18nkey='before_you_begin_page.sectionParagraph3' />
+        <DynamicText i18nkey="before_you_begin_page.sectionParagraph3" />
       </p>
       <div className={classes.alert}>
         <span>
           <ErrorRoundedIcon style={{ color: '#2F6FED' }} />
         </span>
         <h6>{t('before_you_begin_page.sectionTitle4')}</h6>
         <p>
-          <DynamicText i18nkey='before_you_begin_page.sectionParagraph4' />
+          <DynamicText i18nkey="before_you_begin_page.sectionParagraph4" />
         </p>
       </div>
       <FlowNavigation />

products/statement-generator/src/pages/AboutUs.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { makeStyles, createStyles, Link } from '@material-ui/core';
+import { makeStyles, createStyles } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
 import ButtonComponent from 'components/Button';
 import DynamicText from 'components/DynamicText';

products/statement-generator/src/pages/Credits.tsx

@@ -20,7 +20,7 @@ import {
   FileCopyRounded,
   MenuRounded,
   VisibilityRounded,
-  Launch
+  Launch,
 } from '@material-ui/icons';
 
 import useUtilityStyles from 'styles/utilityStyles';
@@ -608,7 +608,11 @@ export const Filter: React.FC = () => {
                 <p>Used on: {credit.usedIn}</p>
                 <p>Artist: {credit.artist}</p>
                 <p>
-                  Provider: <a href={credit.providerLink}>{credit.provider}</a> <Launch className={utilityClasses.externalLinkIcon} fontSize="small" />
+                  Provider: <a href={credit.providerLink}>{credit.provider}</a>{' '}
+                  <Launch
+                    className={utilityClasses.externalLinkIcon}
+                    fontSize="small"
+                  />
                 </p>
               </div>
               {credit.img && (
@@ -618,14 +622,16 @@ export const Filter: React.FC = () => {
               )}
               {credit.icon && (
                 <div className={classes.creditIconContainer}>
-                  <credit.icon style={{ color: credit.iconColor || 'inherit' }} />
+                  <credit.icon
+                    style={{ color: credit.iconColor || 'inherit' }}
+                  />
                 </div>
               )}
             </div>
           </div>
         ))}
       </div>
-    )
+    );
   };
 
   const FilterButton = ({ name }: FilterButtonProps) => (