TP-53618 | Feedback Share against Geolocations (#696)

src/components/form/components/GeolocationAddress.tsx

@@ -123,6 +123,7 @@ const GeolocationAddress: React.FC<IGeolocationAddress> = ({
       geolocation: address,
       addressReferenceIds: [address?.id],
       loanAccountNumber,
+      caseId,
     });
   };
 

src/screens/addressGeolocation/GeolocationOldFeedbacks.tsx

@@ -23,6 +23,8 @@ import Text from '../../../RN-UI-LIB/src/components/Text';
 import { COLORS } from '../../../RN-UI-LIB/src/styles/colors';
 import Accordion from '../../../RN-UI-LIB/src/components/accordian/Accordian';
 import Pagination from '../../../RN-UI-LIB/src/components/pagination/Pagination';
+import ChevronDown from '@assets/icons/ChevronDown';
+import ChevronUp from '@assets/icons/ChevronUp';
 
 const GEOLOCATION_OLD_FEEDBACK_PAGE_TITLE = 'Geolocation Feedback';
 
@@ -34,13 +36,14 @@ interface IGeolocationOldFeedbacks {
       loanAccountNumber: string;
       addressReferenceIds: string[];
       geolocation: IGeolocation;
+      caseId: string;
     };
   };
 }
 
 const GeolocationOldFeedbacks: React.FC<IGeolocationOldFeedbacks> = ({ route: routeParams }) => {
   const {
-    params: { loanAccountNumber, addressReferenceIds, geolocation },
+    params: { loanAccountNumber, addressReferenceIds, geolocation, caseId },
   } = routeParams;
 
   const [isExpanded, setIsExpanded] = useState<boolean>(false);
@@ -147,22 +150,15 @@ const GeolocationOldFeedbacks: React.FC<IGeolocationOldFeedbacks> = ({ route: ro
                       accordionHeader={
                         <FeedbackDetailItem
                           key={feedback.referenceId}
+                          caseId={caseId}
                           feedbackItem={feedback}
                           isExpanded={isExpanded}
                           hideAddress
                         />
                       }
                       customExpandUi={{
-                        whenCollapsed: (
-                          <Text style={[styles.accordionExpandBtn, GenericStyles.p16]}>
-                            View more
-                          </Text>
-                        ),
-                        whenExpanded: (
-                          <Text style={[styles.accordionExpandBtn, GenericStyles.p16]}>
-                            View less
-                          </Text>
-                        ),
+                        whenCollapsed: <ChevronDown />,
+                        whenExpanded: <ChevronUp />,
                       }}
                       onExpanded={(value) => {
                         setIsExpanded(value);
@@ -229,12 +225,6 @@ const styles = StyleSheet.create({
     height: SCREEN_HEIGHT - 56,
     backgroundColor: COLORS.BACKGROUND.PRIMARY,
   },
-  accordionExpandBtn: {
-    fontSize: 13,
-    fontWeight: '500',
-    lineHeight: 20,
-    color: COLORS.TEXT.BLUE,
-  },
 });
 
 export default GeolocationOldFeedbacks;