Add a link to the markdown in help text

pbteja1998 · pbteja1998 · commit 7ef89e6a9eb0 · 2021-02-21T15:09:15.000+05:30
diff --git a/src/components/goals/EditGoal.tsx b/src/components/goals/EditGoal.tsx
@@ -97,7 +97,7 @@ export default function EditGoal({
                 label="Goal description"
                 rows={5}
                 placeholder="I will code for atleast 2 hours everyday."
-                helpText="Basic markdown is supported."
+                helpText="[Basic Markdown](/markdown) is supported."
                 hasError={Boolean(errors.description)}
                 errorMessage="Something went wrong!!!"
                 onKeyDown={async (e) => {
diff --git a/src/components/goals/NewComment.tsx b/src/components/goals/NewComment.tsx
@@ -77,7 +77,7 @@ export default function NewComment({ updateId }: { updateId: string }) {
                 placeholder="Give suggestions or ask questions related to the update."
                 hasError={Boolean(errors.description)}
                 errorMessage="Comment is required!!!"
-                helpText="Basic markdown is supported."
+                helpText="[Basic Markdown](/markdown) is supported."
                 onKeyDown={(e) => {
                   if (e.code === 'Enter' && (e.metaKey || e.ctrlKey)) {
                     handleSubmit(onSubmit)()
diff --git a/src/components/goals/NewGoal.tsx b/src/components/goals/NewGoal.tsx
@@ -85,7 +85,7 @@ export default function NewGoal() {
                 label="Goal description"
                 rows={3}
                 placeholder="I will code for atleast 2 hours everyday."
-                helpText="Basic markdown is supported."
+                helpText="[Basic Markdown](/markdown) is supported."
                 hasError={Boolean(errors.description)}
                 errorMessage="Something went wrong!!!"
                 onKeyDown={async (e) => {
diff --git a/src/components/goals/NewUpdate.tsx b/src/components/goals/NewUpdate.tsx
@@ -90,7 +90,7 @@ export default function NewUpdate({
                 placeholder="What did you do today to move towards your goal?"
                 hasError={Boolean(errors.description)}
                 errorMessage="Update is required!!!"
-                helpText="Basic markdown is supported."
+                helpText="[Basic Markdown](/markdown) is supported."
                 onKeyDown={(e) => {
                   if (e.code === 'Enter' && (e.metaKey || e.ctrlKey)) {
                     handleSubmit(onSubmit)()
diff --git a/src/components/ui/form/TextArea.tsx b/src/components/ui/form/TextArea.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react'
 import classNames from 'classnames'
+import Markdown from 'src/components/Markdown'
 
 export type TextAreaProps = {
   label?: string
@@ -74,12 +75,12 @@ const TextArea = React.forwardRef(
           {help && (
             <p
               className={classNames(
-                'mt-2 text-sm',
+                'mt-2 text-sm prose prose-sm',
                 hasError ? ' text-red-600' : ' text-gray-500'
               )}
               id={`${id}-${hasError ? 'error' : 'description'}`}
             >
-              {help}
+              <Markdown>{help}</Markdown>
             </p>
           )}
         </div>
