Clean up lint issues

bryphe-coder · bryphe-coder · commit e872b9eabf42 · 2022-01-25T20:40:22.000Z
diff --git a/site/components/Form/FormDropdownField.tsx b/site/components/Form/FormDropdownField.tsx
@@ -19,7 +19,7 @@ export interface FormDropdownFieldProps<T> extends FormTextFieldProps<T> {
 export const formDropdownFieldFactory = <T,>(): React.FC<FormDropdownFieldProps<T>> => {
   const FormTextField = formTextFieldFactory<T>()
 
-  const component: React.FC<FormDropdownFieldProps<T>> = ({ items, ...props }) => {
+  const Component: React.FC<FormDropdownFieldProps<T>> = ({ items, ...props }) => {
     const styles = useStyles()
     return (
       <FormTextField select {...props}>
@@ -44,8 +44,8 @@ export const formDropdownFieldFactory = <T,>(): React.FC<FormDropdownFieldProps<
   }
 
   // Required when using an anonymous factory function
-  component.displayName = "FormDropdownField"
-  return component
+  Component.displayName = "FormDropdownField"
+  return Component
 }
 
 const useStyles = makeStyles({
diff --git a/site/components/Form/types.ts b/site/components/Form/types.ts
diff --git a/site/forms/CreateProjectForm.tsx b/site/forms/CreateProjectForm.tsx
@@ -76,15 +76,15 @@ export const CreateProjectForm: React.FC<CreateProjectFormProps> = ({
           fullWidth
           helperText="A unique name describing your project."
           label="Project Name"
-          placeholder={"my-project"}
+          placeholder="my-project"
           required
         />
       </FormSection>
 
       <FormSection title="Organization">
         <FormDropdownField
           form={form}
-          formFieldName={"organizationId"}
+          formFieldName="organizationId"
           helperText="The organization owning this project."
           items={organizationDropDownItems}
           fullWidth
@@ -96,7 +96,7 @@ export const CreateProjectForm: React.FC<CreateProjectFormProps> = ({
       <FormSection title="Provider">
         <FormDropdownField
           form={form}
-          formFieldName={"provisioner"}
+          formFieldName="provisioner"
           helperText="The backing provisioner for this project."
           items={provisionerDropDownItems}
           fullWidth
@@ -112,10 +112,7 @@ export const CreateProjectForm: React.FC<CreateProjectFormProps> = ({
         <LoadingButton
           loading={form.isSubmitting}
           className={styles.button}
-          onClick={() => {
-            console.log("submit clicked: " + JSON.stringify(form.values))
-            form.submitForm()
-          }}
+          onClick={form.submitForm}
           variant="contained"
           color="primary"
           type="submit"
