From b795d01929578ffb675da1bf54376bf4842c0451 Mon Sep 17 00:00:00 2001
From: Aman Chaturvedi <aman.chaturvedi@navi.com>
Date: Mon, 20 Jan 2025 16:15:09 +0530
Subject: [PATCH] NTP-22476 | Training module UAT feedbacks

---
 src/common/NewTag.tsx                                     | 8 ++++++++
 src/screens/Profile/Navigation/constants.ts               | 2 ++
 src/screens/trainingMaterial/TrainingMaterialListItem.tsx | 7 ++++---
 src/screens/trainingMaterial/interfaces.ts                | 2 +-
 4 files changed, 15 insertions(+), 4 deletions(-)
 create mode 100644 src/common/NewTag.tsx

diff --git a/src/common/NewTag.tsx b/src/common/NewTag.tsx
new file mode 100644
index 00000000..5b5ad2f7
--- /dev/null
+++ b/src/common/NewTag.tsx
@@ -0,0 +1,8 @@
+import Tag, { TagVariant } from '@rn-ui-lib/components/Tag';
+import { GenericStyles } from '@rn-ui-lib/styles';
+
+const NewTag = () => {
+  return <Tag style={GenericStyles.mr10} variant={TagVariant.blue} text="New" />;
+};
+
+export default NewTag;
diff --git a/src/screens/Profile/Navigation/constants.ts b/src/screens/Profile/Navigation/constants.ts
index cc4076bb..45b3789b 100644
--- a/src/screens/Profile/Navigation/constants.ts
+++ b/src/screens/Profile/Navigation/constants.ts
@@ -11,6 +11,7 @@ import { Alert } from 'react-native';
 import { ProfileScreenStackEnum } from '../ProfileStack';
 import CountComponent from '../CountComponent';
 import BookIcon from '@assets/icons/BookIcon';
+import NewTag from '@common/NewTag';
 
 export const getNavigationLinks = () => {
   const { isTeamLead, selectedAgent, featureFlags } = store?.getState().user;
@@ -46,6 +47,7 @@ export const getNavigationLinks = () => {
         addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_PROFILE_PAGE_TRAINING_MATERIAL_CLICKED);
         navigateToScreen(ProfileScreenStackEnum.TRAINING_MATERIAL);
       },
+      NewComponent: NewTag
     },
     {
       name: 'Logout',
diff --git a/src/screens/trainingMaterial/TrainingMaterialListItem.tsx b/src/screens/trainingMaterial/TrainingMaterialListItem.tsx
index afa9eeac..0210c0e6 100644
--- a/src/screens/trainingMaterial/TrainingMaterialListItem.tsx
+++ b/src/screens/trainingMaterial/TrainingMaterialListItem.tsx
@@ -12,6 +12,7 @@ import { navigateToScreen } from '@components/utlis/navigationUtlis';
 import { ProfileScreenStackEnum } from '@screens/Profile/ProfileStack';
 import { addClickstreamEvent } from '@services/clickstreamEventService';
 import { CLICKSTREAM_EVENT_NAMES } from '@common/Constants';
+import { pluralise } from '@components/utlis/commonFunctions';
 
 const TrainingMaterialListItem: React.FC<ITrainingMaterialListItem> = ({
   trainingMaterialData,
@@ -47,7 +48,7 @@ const TrainingMaterialListItem: React.FC<ITrainingMaterialListItem> = ({
         <View style={[GenericStyles.row, GenericStyles.fill]}>
           {icon}
           <View style={GenericStyles.ml8}>
-            <Text dark style={styles.lh14}>
+            <Text dark style={styles.lh14} numberOfLines={3}>
               {title}
             </Text>
             <View style={GenericStyles.row}>
@@ -58,7 +59,7 @@ const TrainingMaterialListItem: React.FC<ITrainingMaterialListItem> = ({
               </Text>
               <Text small>
                 {fileType === TrainingMaterialContentType.PDF
-                  ? `${metadataValue} pages`
+                  ? `${metadataValue} ${pluralise(metadataValue as number, 'page', 'pages')}`
                   : metadataValue}
               </Text>
               <Text style={styles.bullet} small>
@@ -92,7 +93,7 @@ const styles = StyleSheet.create({
   },
   lh14: {
     lineHeight: 14,
-  }
+  },
 });
 
 export default TrainingMaterialListItem;
diff --git a/src/screens/trainingMaterial/interfaces.ts b/src/screens/trainingMaterial/interfaces.ts
index b93868e2..866e53ba 100644
--- a/src/screens/trainingMaterial/interfaces.ts
+++ b/src/screens/trainingMaterial/interfaces.ts
@@ -9,7 +9,7 @@ export interface ITrainingMaterial {
   fileType: TrainingMaterialContentType;
   createdAt: string;
   isNewMaterial: boolean;
-  metadata: Record<string, string>;
+  metadata: Record<string, string | number>;
 }
 
 export interface ITrainingMaterialListItem {