Merge pull request #1299 from okhot/enable-manual-height-adjustment-f…

…or-bounty-description-box feat: enabled manual height adjustment for bounty description box
stakwork · Jan 19, 2024 · 1732605 · 1732605
2 parents b6eef8a + 6bf40ed
commit 1732605
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/frontend/app/src/components/form/bounty/index.tsx b/frontend/app/src/components/form/bounty/index.tsx
@@ -443,8 +443,9 @@ function Form(props: FormProps) {
                           .map((item: FormField) => (
                             <Input
                               {...item}
+                              type={item.type}
                               key={item.name}
-                              newDesign={true}
+                              newDesign={item.name === 'description' ? false : true}
                               values={values}
                               setAssigneefunction={item.name === 'assignee' && setAssigneeName}
                               peopleList={peopleList}

diff --git 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}
+        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
@@ -139,6 +139,8 @@ 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;
+  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
@@ -707,7 +707,7 @@ export const wantedCodingTaskSchema: FormField[] = [
   },
   {
     name: 'description',
-    label: 'Description',
+    label: 'Description *',
     type: 'textarea'
   },
   {