NTP-6320 | unification in bottom sheet (#13284)

android/navi-insurance/src/main/java/com/navi/insurance/common/bottom_sheet/TitleWithFooterCardBottomSheet.kt

@@ -60,6 +60,7 @@ import com.navi.naviwidgets.extensions.getColorFromHexCode
 import com.navi.naviwidgets.extensions.getJsonObject
 import com.navi.naviwidgets.models.FooterButtonState
 import com.navi.uitron.utils.isNotNull
+import com.navi.uitron.utils.orElse
 import dagger.hilt.android.AndroidEntryPoint
 import javax.inject.Inject
 import kotlinx.coroutines.flow.MutableStateFlow
@@ -305,7 +306,13 @@ class TitleWithFooterCardBottomSheet : BaseBottomSheet(), WidgetCallback {
                             modifier =
                                 Modifier.padding(start = 8.dp)
                                     .background(
-                                        color = getColorFromHexCode(hex = "#22D081"),
+                                        color =
+                                            getColorFromHexCode(
+                                                hex =
+                                                    it.backgroundDrawableData
+                                                        ?.backgroundColor
+                                                        .orElse("#22D081")
+                                            ),
                                         shape = RoundedCornerShape(size = 100.dp)
                                     )
                         ) {

components/bottomsheet/top-section-expandable-bottom-sheet/TopSectionExpandableBottomSheet.tsx

@@ -59,6 +59,14 @@ const TopSectionExpandableBottomSheet = ({
     };
   });
 
+  const subtitle = {
+    ...bottomSheetData.subtitle,
+    textStyle: {
+      ...bottomSheetData.subtitle?.textStyle,
+      textAlign: "left",
+    },
+  } as TextFieldData;
+
   const Header = () => {
     return (
       <Animated.View style={[styles.title, headerStyle]}>
@@ -91,7 +99,7 @@ const TopSectionExpandableBottomSheet = ({
             orientation={bottomSheetData?.gradientOrientation}
           >
             {bottomSheetData?.subtitle?.text && (
-              <StyledText textFieldData={bottomSheetData.subtitle} />
+              <StyledText textFieldData={subtitle} />
             )}
             {bottomSheetData?.headerDescriptionText && (
               <View style={styles.videoContainer}>