From 4e8d602a506772b204f57fb48c82b75a49274030 Mon Sep 17 00:00:00 2001
From: Aman Chaturvedi <aman.chaturvedi@navi.com>
Date: Fri, 17 Jan 2025 18:49:31 +0530
Subject: [PATCH] NTP-22476 | Training module integration

---
 .../trainingMaterial/TrainingMaterialDetail.tsx   | 15 ++++++++++++---
 src/screens/trainingMaterial/interfaces.ts        |  9 ++++++++-
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/screens/trainingMaterial/TrainingMaterialDetail.tsx b/src/screens/trainingMaterial/TrainingMaterialDetail.tsx
index 4975b5d0..787c9dcd 100644
--- a/src/screens/trainingMaterial/TrainingMaterialDetail.tsx
+++ b/src/screens/trainingMaterial/TrainingMaterialDetail.tsx
@@ -1,7 +1,11 @@
 import NavigationHeader from '@rn-ui-lib/components/NavigationHeader';
 import Layout from '@screens/layout/Layout';
 import React, { useEffect } from 'react';
-import { ITrainingMaterialDetail, TrainingMaterialContentType } from './interfaces';
+import {
+  TrainingMaterialDetailProps,
+  TrainingMaterialContentType,
+  ITrainingMaterialDetail,
+} from './interfaces';
 import { goBack } from '@components/utlis/navigationUtlis';
 import { ActivityIndicator, View } from 'react-native';
 import { GenericStyles } from '@rn-ui-lib/styles';
@@ -13,7 +17,7 @@ import { getTrainingMaterialDetails } from '@actions/TrainingMaterialAction';
 import SuspenseLoader from '@rn-ui-lib/components/suspense_loader/SuspenseLoader';
 import { COLORS } from '@rn-ui-lib/colors';
 
-const TrainingMaterialDetail: React.FC<ITrainingMaterialDetail> = (props) => {
+const TrainingMaterialDetail: React.FC<TrainingMaterialDetailProps> = (props) => {
   const {
     route: {
       params: { trainingMaterialData },
@@ -21,7 +25,12 @@ const TrainingMaterialDetail: React.FC<ITrainingMaterialDetail> = (props) => {
   } = props;
   const { title, fileType, referenceId } = trainingMaterialData;
   const isVideo = fileType === TrainingMaterialContentType.VIDEO;
-  const [fileDetails, setFileDetails] = React.useState<any>({});
+  const [fileDetails, setFileDetails] = React.useState<ITrainingMaterialDetail>({
+    referenceId: '',
+    signedUri: '',
+    loading: false,
+    showError: false,
+  });
 
   const getFileDetails = async () => {
     try {
diff --git a/src/screens/trainingMaterial/interfaces.ts b/src/screens/trainingMaterial/interfaces.ts
index d1d564d3..b93868e2 100644
--- a/src/screens/trainingMaterial/interfaces.ts
+++ b/src/screens/trainingMaterial/interfaces.ts
@@ -16,10 +16,17 @@ export interface ITrainingMaterialListItem {
   trainingMaterialData: ITrainingMaterial;
 }
 
-export interface ITrainingMaterialDetail {
+export interface TrainingMaterialDetailProps {
   route: {
     params: {
       trainingMaterialData: ITrainingMaterial;
     };
   };
 }
+
+export interface ITrainingMaterialDetail {
+  signedUri: string;
+  referenceId: string;
+  loading: boolean;
+  showError: boolean;
+}