update typescript-eslint/parser + lint

ashharrison90 · Sep 6, 2023 · ed2cc87 · ed2cc87
1 parent 3d315ff
commit ed2cc87
Show file tree

Hide file tree

Showing 26 changed files with 164 additions and 63 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -24,7 +24,7 @@ const config: StorybookConfig = {
       (rule) =>
         typeof rule !== 'string' &&
         rule.test instanceof RegExp &&
-        rule.test.test('.svg')
+        rule.test.test('.svg'),
     )
     if (imageRule && typeof imageRule !== 'string') {
       imageRule.exclude = /\.svg$/

diff --git a/__test__/e2e/theming.spec.ts b/__test__/e2e/theming.spec.ts
@@ -12,8 +12,8 @@ test.describe('theming', () => {
   }) => {
     const mainPage = page.locator('[role="main"]')
     await expect(mainPage).toBeVisible()
-    await page.evaluate(() =>
-      document.querySelector('[role="main"]')?.scrollTo(0, 100)
+    await page.evaluate(
+      () => document.querySelector('[role="main"]')?.scrollTo(0, 100),
     )
     expect(await page.isChecked(themeToggleSelector)).toEqual(false)
 

diff --git a/components/Button/Button.test.tsx b/components/Button/Button.test.tsx
@@ -12,7 +12,7 @@ describe('Button', () => {
       render(
         <Button href={myMockLink} className={myMockClass}>
           {myMockLabel}
-        </Button>
+        </Button>,
       )
     })
 

diff --git a/components/JobSummary/JobSummary.spec.tsx b/components/JobSummary/JobSummary.spec.tsx
@@ -23,7 +23,7 @@ describe('JobSummary', () => {
         website={mockWebsite}
       >
         {mockSummary}
-      </JobSummary>
+      </JobSummary>,
     )
   })
 
@@ -65,7 +65,7 @@ describe('JobSummary', () => {
         website={mockWebsite}
       >
         {mockSummary}
-      </JobSummary>
+      </JobSummary>,
     )
     const dateRange = screen.getByText('January 2020 - Present')
     expect(dateRange).toBeInTheDocument()

diff --git a/components/JobSummary/JobSummary.tsx b/components/JobSummary/JobSummary.tsx
@@ -35,7 +35,7 @@ const JobSummary = forwardRef<HTMLDivElement, Props>(
       endDate,
       website,
     },
-    ref
+    ref,
   ) => {
     return (
       <div
@@ -63,7 +63,7 @@ const JobSummary = forwardRef<HTMLDivElement, Props>(
         {children}
       </div>
     )
-  }
+  },
 )
 
 export default JobSummary
diff --git a/components/Layout/Layout.spec.tsx b/components/Layout/Layout.spec.tsx
@@ -30,7 +30,7 @@ describe('Layout', () => {
       component = render(
         <Layout metaTitle={mockMetaTitle} metaDescription={mockMetaDescription}>
           {mockChild}
-        </Layout>
+        </Layout>,
       )
 
       // need to wait for the theme toggle to render
@@ -53,7 +53,7 @@ describe('Layout', () => {
           metaDescription={mockMetaDescription}
         >
           {mockChild}
-        </Layout>
+        </Layout>,
       )
       const link = screen.getByTestId(foregroundId)
       expect(link).toBeInTheDocument()
@@ -67,7 +67,7 @@ describe('Layout', () => {
           metaDescription={mockMetaDescription}
         >
           {mockChild}
-        </Layout>
+        </Layout>,
       )
       const link = screen.getByTestId(backgroundId)
       expect(link).toBeInTheDocument()
@@ -99,7 +99,7 @@ describe('Layout', () => {
             metaDescription={mockMetaDescription}
           >
             {mockChild}
-          </Layout>
+          </Layout>,
         )
 
         // need to wait for the theme toggle to render
@@ -148,7 +148,7 @@ describe('Layout', () => {
           metaDescription={mockMetaDescription}
         >
           {mockChild}
-        </Layout>
+        </Layout>,
       )
 
       // need to wait for the theme toggle to render

diff --git a/components/PostCard/PostCard.spec.tsx b/components/PostCard/PostCard.spec.tsx
@@ -17,7 +17,7 @@ describe('PostCard', () => {
         slug={mockSlug}
         tags={mockTags}
         title={mockTitle}
-      />
+      />,
     )
   })
 
@@ -56,7 +56,7 @@ describe('PostCard', () => {
     const link = screen.getByTestId('PostCard-image')
     expect(link).toHaveAttribute(
       'style',
-      `background-image: url(${mockCoverImage});`
+      `background-image: url(${mockCoverImage});`,
     )
   })
 })
diff --git a/components/PostLayout/PostLayout.tsx b/components/PostLayout/PostLayout.tsx
@@ -43,7 +43,7 @@ export default function PostLayout({ children, metadata }: Props) {
       scriptElement.setAttribute('src', 'https://utteranc.es/client.js')
       scriptElement.setAttribute(
         'repo',
-        'ashharrison90/ashharrison90.github.io'
+        'ashharrison90/ashharrison90.github.io',
       )
       scriptElement.setAttribute('issue-term', 'pathname')
       scriptElement.setAttribute('label', 'post-comments')

diff --git a/components/PostTitle/PostTitle.spec.tsx b/components/PostTitle/PostTitle.spec.tsx
@@ -24,7 +24,7 @@ describe('PostTitle', () => {
         excerpt={mockExcerpt}
         tags={mockTags}
         title={mockTitle}
-      />
+      />,
     )
     const title = screen.getByText(mockTitle)
     expect(title).toBeInTheDocument()
@@ -37,7 +37,7 @@ describe('PostTitle', () => {
         excerpt={mockExcerpt}
         tags={mockTags}
         title={mockTitle}
-      />
+      />,
     )
     const date = screen.getByText(mockDate)
     expect(date).toBeInTheDocument()
@@ -50,7 +50,7 @@ describe('PostTitle', () => {
         excerpt={mockExcerpt}
         tags={mockTags}
         title={mockTitle}
-      />
+      />,
     )
     const excerpt = screen.getByText(mockExcerpt)
     expect(excerpt).toBeInTheDocument()
@@ -63,7 +63,7 @@ describe('PostTitle', () => {
         excerpt={mockExcerpt}
         tags={mockTags}
         title={mockTitle}
-      />
+      />,
     )
     mockTags.forEach((mockTag) => {
       const tag = screen.getByText(mockTag)
@@ -78,7 +78,7 @@ describe('PostTitle', () => {
         excerpt={mockExcerpt}
         tags={mockTags}
         title={mockTitle}
-      />
+      />,
     )
     const link = screen.getByRole('link', { name: 'Share to LinkedIn' })
     expect(link).toBeInTheDocument()
@@ -91,7 +91,7 @@ describe('PostTitle', () => {
         excerpt={mockExcerpt}
         tags={mockTags}
         title={mockTitle}
-      />
+      />,
     )
     const link = screen.getByRole('link', { name: 'Share to Reddit' })
     expect(link).toBeInTheDocument()
@@ -104,7 +104,7 @@ describe('PostTitle', () => {
         excerpt={mockExcerpt}
         tags={mockTags}
         title={mockTitle}
-      />
+      />,
     )
     const link = screen.getByRole('link', { name: 'Share to Twitter' })
     expect(link).toBeInTheDocument()
@@ -119,7 +119,7 @@ describe('PostTitle', () => {
         excerpt={mockExcerpt}
         tags={mockTags}
         title={mockTitle}
-      />
+      />,
     )
     const button = screen.getByRole('button', { name: 'Share' })
     expect(button).toBeInTheDocument()

diff --git a/components/PostTitle/PostTitle.tsx b/components/PostTitle/PostTitle.tsx
@@ -96,7 +96,7 @@ export default function PostTitle({ date, excerpt, tags, title }: Props) {
                   ariaLabel={`Share to ${shareData[item].label}`}
                   href={shareData[item].getShareLink(
                     encodeURIComponent(pageUrl),
-                    encodeURIComponent(title)
+                    encodeURIComponent(title),
                   )}
                   kind={ButtonType.Icon}
                 >

diff --git a/components/Search/Search.spec.tsx b/components/Search/Search.spec.tsx
@@ -16,7 +16,7 @@ describe('Search', () => {
         className={mockClassName}
         placeholder={mockPlaceholder}
         onChange={mockOnChange}
-      />
+      />,
     )
   })
 

diff --git a/components/Tag/Tag.spec.tsx b/components/Tag/Tag.spec.tsx
@@ -23,7 +23,7 @@ describe('Tag', () => {
     render(
       <ThemeContextProvider>
         <Tag label={mockLabel} />
-      </ThemeContextProvider>
+      </ThemeContextProvider>,
     )
     const tag = screen.getByTestId('tag')
     const label = screen.getByText(mockLabel)
@@ -39,7 +39,7 @@ describe('Tag', () => {
     render(
       <ThemeContextProvider>
         <Tag label={mockLabel} />
-      </ThemeContextProvider>
+      </ThemeContextProvider>,
     )
     const tag = screen.getByTestId('tag')
     const label = screen.getByText(mockLabel)

diff --git a/components/ThemeToggle/ThemeToggle.module.scss b/components/ThemeToggle/ThemeToggle.module.scss
@@ -21,20 +21,23 @@
   left: calc(100% - 30px);
   line-height: 24px;
   position: absolute;
-  text-rendering: optimizeLegibility; // handle a weird bug in safari with emojis not aligning correctly
+  text-rendering: optimizelegibility; // handle a weird bug in safari with emojis not aligning correctly
   transform: rotate(120deg);
   top: 4px;
-  transition: left, opacity, 0.5s ease;
+  transition:
+    left,
+    opacity,
+    0.5s ease;
 }
 
 .lightIcon {
   filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 95%));
-  opacity: 0%;
+  opacity: 0;
 }
 
 .darkIcon {
   filter: drop-shadow(1px -1px 1px rgb(0 0 0 / 95%));
-  opacity: 100%;
+  opacity: 1;
 }
 
 .toggleButton {
@@ -50,13 +53,15 @@
   top: 4px;
   left: 4px;
   width: 24px;
-  transition: transform 0.5s ease, left 0.5s ease;
+  transition:
+    transform 0.5s ease,
+    left 0.5s ease;
 }
 
 .input {
   height: 0;
   margin: 0;
-  opacity: 0%;
+  opacity: 0;
   width: 0;
 }
 
@@ -73,11 +78,11 @@
   }
 
   .lightIcon {
-    opacity: 100%;
+    opacity: 1;
   }
 
   .darkIcon {
-    opacity: 0%;
+    opacity: 0;
   }
 }
 

diff --git a/components/ThemeToggle/ThemeToggle.spec.tsx b/components/ThemeToggle/ThemeToggle.spec.tsx
@@ -16,7 +16,7 @@ describe('ThemeToggle', () => {
     render(
       <ThemeContextProvider>
         <ThemeToggle />
-      </ThemeContextProvider>
+      </ThemeContextProvider>,
     )
   })
 
@@ -44,14 +44,14 @@ describe('ThemeToggle', () => {
     await user.click(toggle)
     expect(toggle.checked).toEqual(false)
     expect(document.documentElement.getAttribute('data-theme')).toEqual(
-      Theme.LIGHT
+      Theme.LIGHT,
     )
     expect(localStorage.getItem('theme')).toEqual(Theme.LIGHT)
 
     await user.click(toggle)
     expect(toggle.checked).toEqual(true)
     expect(document.documentElement.getAttribute('data-theme')).toEqual(
-      Theme.DARK
+      Theme.DARK,
     )
     expect(localStorage.getItem('theme')).toEqual(Theme.DARK)
   })

diff --git a/components/WordlePoem/CharacterTile.module.scss b/components/WordlePoem/CharacterTile.module.scss
@@ -8,7 +8,9 @@
   font-size: 30px;
   justify-content: center;
   text-transform: uppercase;
-  transition: transform 0.5s ease-in-out, color 0.25s step-end;
+  transition:
+    transform 0.5s ease-in-out,
+    color 0.25s step-end;
   width: 60px;
 }
 

diff --git a/components/WordlePoem/CharacterTile.spec.tsx b/components/WordlePoem/CharacterTile.spec.tsx
@@ -11,7 +11,7 @@ describe('CharacterTile', () => {
 
   it('changes the class correctly based on the matchType', () => {
     const { rerender } = render(
-      <CharacterTile character='f' matchType={MatchType.None} />
+      <CharacterTile character='f' matchType={MatchType.None} />,
     )
     const characterTile = screen.getByText('f')
     expect(characterTile).toHaveClass('matchNone')

diff --git a/components/WordlePoem/CharacterTileIntersectionContext.tsx b/components/WordlePoem/CharacterTileIntersectionContext.tsx
@@ -26,8 +26,8 @@ export const CharacterTileIntersectionContextProvider = ({
       },
       {
         threshold: 1,
-      }
-    )
+      },
+    ),
   )
 
   useEffect(() => {

diff --git a/components/WordlePoem/WordlePoem.spec.tsx b/components/WordlePoem/WordlePoem.spec.tsx
@@ -34,7 +34,7 @@ describe('WordlePoem', () => {
       <WordlePoem
         lines={['tread', 'feign blues', 'scope whose moose']}
         answer={answer}
-      />
+      />,
     )
     expect(screen.getByText(customMatcher('tread'))).toBeInTheDocument()
     expect(screen.getByText(customMatcher('feign'))).toBeInTheDocument()
@@ -50,7 +50,7 @@ describe('WordlePoem', () => {
       <WordlePoem
         lines={['tread', 'feign blues', 'scope whose moose']}
         answer={answer}
-      />
+      />,
     )
 
     const characterTiles = screen.getAllByTestId('wordle-character')
@@ -65,7 +65,7 @@ describe('WordlePoem', () => {
       <WordlePoem
         lines={['tread', 'feign blues', 'scope whose moose']}
         answer={answer}
-      />
+      />,
     )
 
     const characterTiles = screen.getAllByTestId('wordle-character')