diff --git a/src/app/Peerly/constants/message.ts b/src/app/Peerly/constants/message.ts index 9d245fb..8885625 100644 --- a/src/app/Peerly/constants/message.ts +++ b/src/app/Peerly/constants/message.ts @@ -19,4 +19,6 @@ export default { 'Your objection reason has been submitted successfully. We appreciate your feedback.', REWARD_SUCCESS: 'Your rewards has been submitted successfully. We appreciate your feedback.', + MIN_DESCRIPTION_LENGTH: 'Description must be at least 150 characters long.', + NOTE: 'Note:' }; diff --git a/src/app/Peerly/screens/GiveAppreciationScreen/index.tsx b/src/app/Peerly/screens/GiveAppreciationScreen/index.tsx index cb3e257..1c4f73c 100644 --- a/src/app/Peerly/screens/GiveAppreciationScreen/index.tsx +++ b/src/app/Peerly/screens/GiveAppreciationScreen/index.tsx @@ -39,7 +39,8 @@ const paginationData = { const schema = yup.object().shape({ receiver: yup.string().required(messages.SELECT_COWORKER_NAME), core_value_id: yup.string().required(messages.SELECT_CORE_VALUE), - description: yup.string().required(messages.ENTER_DESCIPTION), + description: yup.string().required(messages.ENTER_DESCIPTION) + .min(150, messages.MIN_DESCRIPTION_LENGTH), }); const AppreciationScreen = () => { @@ -159,12 +160,17 @@ const AppreciationScreen = () => { ( - + <> + + + {messages.NOTE} {messages.MIN_DESCRIPTION_LENGTH} + + )} name="description" /> @@ -259,6 +265,14 @@ const styles = StyleSheet.create({ fontSize: 16, borderRadius: 12, }, + noteText: { + color: 'gray', + fontSize: 10, + marginTop: 4, + }, + noteBold: { + fontWeight: 'bold', + }, }); export default AppreciationScreen;