changes

src/screens/allCases/ListItem.tsx

@@ -43,7 +43,7 @@ const ListItem: React.FC<IListItem> = props => {
     };
 
     const handleCaseClick = () => {
-        navigateToScreen('caseDetail');
+        navigateToScreen('caseDetail', {caseId});
     };
 
     const caseSelected = !isTodoItem && intermediateTodoListMap?.[caseId];

src/screens/caseDetails/CaseDetails.tsx

@@ -1,16 +1,34 @@
 import React from 'react';
-import {SafeAreaView} from 'react-native';
+import {SafeAreaView, StyleSheet, View} from 'react-native';
 import UserDetailsSection from './UserDetailsSection';
 import {GenericStyles} from '../../../RN-UI-LIB/src/styles';
 import TaskStepper from './journeyStepper/TaskStepper';
+import BackArrowIcon from '../../../RN-UI-LIB/src/Icons/BackArrowIcon';
+import { goBack } from '../../components/utlis/navigationUtlis';
 
-const CaseDetails: React.FC = () => {
+interface ICaseDetails {
+    caseId: string;
+}
+
+const CaseDetails: React.FC<ICaseDetails> = (props) => {
+    console.log(props)
     return (
-        <SafeAreaView style={[GenericStyles.fill, GenericStyles.p16, GenericStyles.whiteBackground]}>
-            <UserDetailsSection />
-            <TaskStepper />
+        <SafeAreaView style={[GenericStyles.fill, GenericStyles.whiteBackground]}>
+            <View style={[styles.navigationContainer, GenericStyles.row, GenericStyles.alignCenter, GenericStyles.p16]}>
+                <BackArrowIcon onPress={goBack} />
+            </View>
+            <View style={GenericStyles.p16}>
+                <UserDetailsSection />
+                <TaskStepper />
+            </View>
         </SafeAreaView>
     );
 };
 
+const styles = StyleSheet.create({
+    navigationContainer: {
+        height: 48
+    }
+})
+
 export default CaseDetails;