Updation for new journal UI

Author: NMann

src/components/InputText.js

@@ -7,14 +7,22 @@ import { color } from '../styles';
 
 export default function InputText(props) {
   const {
-    name, value, meta, style, onChangeInputValue, isMandatory
+    name, value, meta, style, onChangeInputValue, isMandatory, imgView, inputStyle
   } = props;
 
   return (
-    <View key={name}>
-      <Text style={[styles.text, meta.textStyle]}>{`${meta.label} ${isMandatory ? '*' : ''}`}</Text>
+    <View key={name} style={[meta.containerStyle ,{}]}>
+      {imgView ? 
+      <View style={styles.yellowMainView}>
+        {imgView()}
+        <View style={styles.yellowView}>
+        <Text style={[styles.text, styles.yellowTxt]}>{`${meta.label} ${isMandatory ? '*' : ''}`}</Text>
+        </View>
+        </View> :
+        <Text style={[styles.text, meta.textStyle]}>{`${meta.label} ${isMandatory ? '*' : ''}`}</Text>
+      }
       <TextInput
-        style={{ ...styles.textBox(meta.multiline, meta.numberOfLines), ...style }}
+        style={{ ...styles.textBox(meta.multiline, meta.numberOfLines), ...style, ...inputStyle }}
         value={value || ''}
         underlineColorAndroid="transparent"
         onChangeText={onChangeInputValue}
@@ -41,6 +49,21 @@ const styles = StyleSheet.create({
     margin: 10,
     paddingLeft: 10
   }),
+  yellowMainView: {
+    flexDirection: 'row',
+  },
+  yellowView: {
+    backgroundColor: '#FDDE02',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderRadius: 20,
+    borderTopLeftRadius: 0,
+    width: '75%',
+    marginLeft: 10,
+  },
+  yellowTxt: {
+    color: 'black',
+  }
 });
 
 InputText.propTypes = {

src/index.js

@@ -7,13 +7,11 @@ import { Button } from 'react-native-elements';
 import { componentName, skipValidationForFields } from './constant';
 import { getComponent, getValidator } from './componentMap';
 
-
-
-
-
 const  DynamicForm = React.forwardRef(
   ({ 
-    formTemplate, onSubmit, buttonStyles, hideButtons=false, formValues = null, isTherapistQuestionnaire = true 
+    formTemplate, onSubmit, buttonStyles, hideButtons=false, formValues = null, isTherapistQuestionnaire = true,
+    imgView,
+    inputStyle 
   }, ref) => 
   {
 
@@ -132,6 +130,8 @@ const  DynamicForm = React.forwardRef(
               value={getValue(element)}
               onChangeInputValue={onChangeInputValue(element.field_name, element.component)}
               isMandatory={element.is_mandatory === 'true'}
+              imgView={imgView}
+              inputStyle={inputStyle}
             />
           );
         })