Update labels when setting/editing goal

pbteja1998 · pbteja1998 · commit afbaa55f53c4 · 2021-02-28T10:44:49.000+05:30
diff --git a/src/components/goals/EditGoal.tsx b/src/components/goals/EditGoal.tsx
@@ -75,7 +75,7 @@ export default function EditGoal({
                 ref={register({ required: true, maxLength: 50 })}
                 defaultValue={goal.title}
                 name="title"
-                label="Goal Title"
+                label="What is your goal?"
                 type="text"
                 placeholder="Participate in #100DaysOfCode"
                 hasError={Boolean(errors.title)}
@@ -88,7 +88,7 @@ export default function EditGoal({
 
               <Input
                 type="date"
-                label="Goal Deadline"
+                label="By what time do you want to achieve this goal?"
                 ref={register({ valueAsDate: true, required: true })}
                 name="deadline"
                 defaultValue={goal.deadline.toISODate()}
@@ -100,7 +100,7 @@ export default function EditGoal({
                 ref={register}
                 defaultValue={goal.description}
                 name="description"
-                label="Goal description"
+                label="What is your plan to achieve this goal?"
                 rows={5}
                 placeholder="I will code for atleast 2 hours everyday."
                 helpText="[Basic Markdown](/markdown) is supported."
diff --git a/src/components/goals/NewGoal.tsx b/src/components/goals/NewGoal.tsx
@@ -61,11 +61,11 @@ export default function NewGoal() {
       <div className="mt-6">
         <div className="flex space-x-3">
           <div className="min-w-0 flex-1">
-            <form onSubmit={handleSubmit(onSubmit)}>
+            <form onSubmit={handleSubmit(onSubmit)} className="space-y-3">
               <Input
                 ref={register({ required: true, maxLength: 50 })}
                 name="title"
-                label="Goal Title"
+                label="What is your goal?"
                 type="text"
                 placeholder="Participate in #100DaysOfCode"
                 hasError={Boolean(errors.title)}
@@ -78,7 +78,7 @@ export default function NewGoal() {
 
               <Input
                 type="date"
-                label="Goal Deadline"
+                label="By what time do you want to achieve this goal?"
                 ref={register({ valueAsDate: true, required: true })}
                 name="deadline"
                 hasError={Boolean(errors.deadline)}
@@ -88,7 +88,7 @@ export default function NewGoal() {
               <TextArea
                 ref={register}
                 name="description"
-                label="Goal description"
+                label="What is your plan to achieve this goal?"
                 rows={3}
                 placeholder="I will code for atleast 2 hours everyday."
                 helpText="[Basic Markdown](/markdown) is supported."
diff --git a/src/components/ui/form/TextArea.tsx b/src/components/ui/form/TextArea.tsx
@@ -50,7 +50,7 @@ const TextArea = React.forwardRef(
         <label
           htmlFor={id}
           className={classNames(
-            'block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2',
+            'block text-sm font-medium text-gray-700',
             hideLabel && 'sr-only'
           )}
         >

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ const TextArea = React.forwardRef(`
`50`	`50`	`<label`
`51`	`51`	`htmlFor={id}`
`52`	`52`	`className={classNames(`
`53`		`- 'block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2',`
	`53`	`+ 'block text-sm font-medium text-gray-700',`
`54`	`54`	`hideLabel && 'sr-only'`
`55`	`55`	`)}`
`56`	`56`	`>`