From 408f5dbcb8f2596ca879c88152c4635b0b5c7fb0 Mon Sep 17 00:00:00 2001
From: Arrey-Etta <arreyetta1jnr@gmail.com>
Date: Tue, 9 Jan 2024 14:11:13 +0100
Subject: [PATCH 1/2] feat: enabled manual height adjustment for bounty
 description box

---
 frontend/app/src/components/form/bounty/index.tsx         | 5 +++--
 frontend/app/src/components/form/inputs/TextAreaInput.tsx | 2 +-
 frontend/app/src/components/form/inputs/index.tsx         | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/app/src/components/form/bounty/index.tsx b/frontend/app/src/components/form/bounty/index.tsx
index f2e4adbe4..41c48ffcd 100644
--- a/frontend/app/src/components/form/bounty/index.tsx
+++ b/frontend/app/src/components/form/bounty/index.tsx
@@ -444,8 +444,9 @@ function Form(props: FormProps) {
                           .map((item: FormField) => (
                             <Input
                               {...item}
+                              type={item.name === 'description' ? 'textarea' : item.type}
                               key={item.name}
-                              newDesign={true}
+                              newDesign={item.name === 'description' ? false : true}
                               values={values}
                               setAssigneefunction={item.name === 'assignee' && setAssigneeName}
                               peopleList={peopleList}
@@ -486,7 +487,7 @@ function Form(props: FormProps) {
                               }
                               label={
                                 item.name === 'description' && !values.ticket_url
-                                  ? 'Description *'
+                                  ? 'Description'
                                   : item.label
                               }
                               placeholder={
diff --git a/frontend/app/src/components/form/inputs/TextAreaInput.tsx b/frontend/app/src/components/form/inputs/TextAreaInput.tsx
index 7bd1956f2..8e62dde77 100644
--- a/frontend/app/src/components/form/inputs/TextAreaInput.tsx
+++ b/frontend/app/src/components/form/inputs/TextAreaInput.tsx
@@ -97,7 +97,7 @@ export default function TextAreaInput({
         }}
         className={active ? 'euiFormRow_active' : (value ?? '') === '' ? '' : 'euiFormRow_filed'}
         border={borderType}
-        label={labeltext}
+        label={labeltext === 'Description' ? `${labeltext} *` : labeltext}
         height={StyleOnText[label].height}
         width={StyleOnText[label].width}
       >
diff --git a/frontend/app/src/components/form/inputs/index.tsx b/frontend/app/src/components/form/inputs/index.tsx
index 952a538b8..148628787 100644
--- a/frontend/app/src/components/form/inputs/index.tsx
+++ b/frontend/app/src/components/form/inputs/index.tsx
@@ -139,6 +139,7 @@ export const FieldTextArea = styled(EuiTextArea)<styledProps>`
   background-color: ${(p: any) => p?.color && p.color.pureWhite} !important;
   background: ${(p: any) => p?.color && p.color.pureWhite} !important;
   max-width: 900px;
+  width: 292px;
   color: ${(p: any) => p?.color && p.color.pureBlack} !important;
   box-shadow: none !important;
   line-height: 17.6px;

From 6bf40edb6a3e88c301641fe8f39c15f9be15659a Mon Sep 17 00:00:00 2001
From: Arrey-Etta <arreyetta1jnr@gmail.com>
Date: Sun, 14 Jan 2024 19:44:16 +0100
Subject: [PATCH 2/2] chore: code review changes

---
 frontend/app/src/components/form/bounty/index.tsx         | 4 ++--
 frontend/app/src/components/form/inputs/TextAreaInput.tsx | 4 ++--
 frontend/app/src/components/form/inputs/index.tsx         | 1 +
 frontend/app/src/components/form/schema.ts                | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/app/src/components/form/bounty/index.tsx b/frontend/app/src/components/form/bounty/index.tsx
index 41c48ffcd..c3d7c6b6d 100644
--- a/frontend/app/src/components/form/bounty/index.tsx
+++ b/frontend/app/src/components/form/bounty/index.tsx
@@ -444,7 +444,7 @@ function Form(props: FormProps) {
                           .map((item: FormField) => (
                             <Input
                               {...item}
-                              type={item.name === 'description' ? 'textarea' : item.type}
+                              type={item.type}
                               key={item.name}
                               newDesign={item.name === 'description' ? false : true}
                               values={values}
@@ -487,7 +487,7 @@ function Form(props: FormProps) {
                               }
                               label={
                                 item.name === 'description' && !values.ticket_url
-                                  ? 'Description'
+                                  ? 'Description *'
                                   : item.label
                               }
                               placeholder={
diff --git a/frontend/app/src/components/form/inputs/TextAreaInput.tsx b/frontend/app/src/components/form/inputs/TextAreaInput.tsx
index 8e62dde77..a23df84d5 100644
--- a/frontend/app/src/components/form/inputs/TextAreaInput.tsx
+++ b/frontend/app/src/components/form/inputs/TextAreaInput.tsx
@@ -6,7 +6,7 @@ import type { Props } from './propsType';
 import { FieldEnv, FieldTextArea, Note } from './index';
 
 const StyleOnText = {
-  Description: {
+  'Description *': {
     height: '172px',
     width: '292px'
   },
@@ -97,7 +97,7 @@ export default function TextAreaInput({
         }}
         className={active ? 'euiFormRow_active' : (value ?? '') === '' ? '' : 'euiFormRow_filed'}
         border={borderType}
-        label={labeltext === 'Description' ? `${labeltext} *` : labeltext}
+        label={label}
         height={StyleOnText[label].height}
         width={StyleOnText[label].width}
       >
diff --git a/frontend/app/src/components/form/inputs/index.tsx b/frontend/app/src/components/form/inputs/index.tsx
index 148628787..ced2f8993 100644
--- a/frontend/app/src/components/form/inputs/index.tsx
+++ b/frontend/app/src/components/form/inputs/index.tsx
@@ -140,6 +140,7 @@ export const FieldTextArea = styled(EuiTextArea)<styledProps>`
   background: ${(p: any) => p?.color && p.color.pureWhite} !important;
   max-width: 900px;
   width: 292px;
+  min-height: 167px;
   color: ${(p: any) => p?.color && p.color.pureBlack} !important;
   box-shadow: none !important;
   line-height: 17.6px;
diff --git a/frontend/app/src/components/form/schema.ts b/frontend/app/src/components/form/schema.ts
index 76a4be341..7b3d9f170 100644
--- a/frontend/app/src/components/form/schema.ts
+++ b/frontend/app/src/components/form/schema.ts
@@ -707,7 +707,7 @@ export const wantedCodingTaskSchema: FormField[] = [
   },
   {
     name: 'description',
-    label: 'Description',
+    label: 'Description *',
     type: 'textarea'
   },
   {