TP-22961 | Bottom sheet fix, collection completed case (#195)

src/components/form/components/Dropdown.tsx

@@ -15,6 +15,7 @@ import { addClickstreamEvent } from '../../../services/clickstreamEventService';
 import { CLICKSTREAM_EVENT_NAMES } from '../../../common/Constants';
 import { isQuestionMandatory, validateInput } from "../services/validation.service";
 import { CaseAllocationType } from "../../../screens/allCases/interface";
+import { getDynamicBottomSheetHeightPercentageFn } from '../../utlis/commonFunctions';
 
 interface IDropDown {
     questionType: string;
@@ -27,6 +28,9 @@ interface IDropDown {
     error: any;
 }
 
+const HEADER_HEIGHT = 100;
+const ROW_HEIGHT = 50;
+
 const DropDown: React.FC<IDropDown> = props => {
     const {questionId, widgetId, journeyId, caseId, sectionId, error, questionType} = props;
     const caseType = useAppSelector(state => state.allCases.caseDetails[caseId]?.caseType || CaseAllocationType.ADDRESS_VERIFICATION_CASE)
@@ -73,6 +77,11 @@ const DropDown: React.FC<IDropDown> = props => {
         });
     };
 
+    const getBottomSheetHeight = getDynamicBottomSheetHeightPercentageFn(
+        HEADER_HEIGHT,
+        ROW_HEIGHT,
+    );
+
     return (
         <View style={GenericStyles.mt12}>
             <Text dark bold style={GenericStyles.mb12}>
@@ -87,7 +96,7 @@ const DropDown: React.FC<IDropDown> = props => {
                 render={({field: {onChange, value}}) => (
                     <RNDropDown
                         header={question.metadata?.placeholder}
-                        bottomSheetHeight={question.options.length - 1 * 10}
+                        bottomSheetHeight={getBottomSheetHeight(question.options.length)}
                         onValueChange={change => handleChange(change, onChange)}
                         placeholder={question.metadata?.placeholder}
                         value={value?.answer}>

src/screens/allCases/constants.ts

@@ -1,8 +1,6 @@
 import { CaseTypes } from './interface';
 
-export const COMPLETED_STATUSES = ['CLOSED', 'EXPIRED', 'FORCED_CLOSE'];
-
-export const COMPLETED_COLLECTION_STATUSES = ['COMPLETED'];
+export const COMPLETED_STATUSES = ['CLOSED', 'EXPIRED', 'FORCED_CLOSE', 'ACTIVE_COMPLETED'];
 
 export const ListHeaderItems = {
     BANNER: {