fix: docs eslint errors

vtex · Jun 17, 2022 · f712a39 · f712a39
1 parent 75b3795
commit f712a39
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/apps/docs/src/components/CodeBlockWrapper/CodeBlockWrapper.tsx b/apps/docs/src/components/CodeBlockWrapper/CodeBlockWrapper.tsx
@@ -3,8 +3,8 @@ import type { MouseEventHandler } from 'react'
 
 
 interface CodeBlockWrapperState {
-  isCodeBlockCollapsed: Boolean
-  isCollapsibleModeOn: Boolean
+  isCodeBlockCollapsed: boolean
+  isCollapsibleModeOn: boolean
 }
 
 interface CodeBlockWrapperProps {

diff --git a/apps/docs/src/components/GraphQLExplorer/GraphQLExplorer.tsx b/apps/docs/src/components/GraphQLExplorer/GraphQLExplorer.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { ApolloExplorerReact } from '@apollo/explorer'
 import { useColorMode } from '@docusaurus/theme-common'
 
-var GraphQLExplorer = function ({ query, vars }) {
+const GraphQLExplorer = function ({ query, vars }) {
   const { isDarkTheme } = useColorMode()
   return (
     <div>

diff --git a/apps/docs/src/components/PropsSection/PropsSection.jsx b/apps/docs/src/components/PropsSection/PropsSection.jsx
@@ -12,6 +12,7 @@ const PropsSection = ({ name }) => {
 
   return Object.keys(props).map(key => (
     <PropsComponent
+      key={key}
       name={key}
       type={props[key].type?.name}
       defaultValue={props[key].defaultValue?.value ?? null}

diff --git a/apps/docs/src/pages/sections/StarterSubmissionForm/StarterSubmissionForm.jsx b/apps/docs/src/pages/sections/StarterSubmissionForm/StarterSubmissionForm.jsx
@@ -30,7 +30,7 @@ function StarterSubmissionForm() {
         ).then(() => setIsSent(true))
         .catch(() => alert("There was an error, please try again"))
     }
-    const thankYouMessage = <p className="text-seriousBlack">Thank you for submitting your Starter! We'll get in touch with you as soon as possible!</p>
+    const thankYouMessage = <p className="text-seriousBlack">Thank you for submitting your Starter! {"We'll"} get in touch with you as soon as possible!</p>
     const form = <form className={styles.submissionForm} onSubmit={submitStarter}>
         <label htmlFor="ContactEmail">Contact Email</label>
         <input
@@ -71,7 +71,7 @@ function StarterSubmissionForm() {
         <label htmlFor="Description">Description of Starter ({textAreaCount}/200)</label>
         <textarea
             required
-            maxlength="200"
+            maxLength="200"
             placeholder="Description of Starter (Content limited to 200 characters)"
             name="Description"
             value={Description}
@@ -80,7 +80,7 @@ function StarterSubmissionForm() {
         <label htmlFor="Features">Significant features (1 per line)</label>
         <textarea
             required
-            maxlength="200"
+            maxLength="200"
             placeholder="Features"
             name="Features"
             value={Features}