FIX: Lint

components/BottomModal.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef, useImperativeHandle, useRef, ReactElement, ComponentType } from 'react';
-import { SheetSize, TrueSheet, TrueSheetProps } from '@lodev09/react-native-true-sheet';
+import { SheetSize, SizeInfo, TrueSheet, TrueSheetProps } from '@lodev09/react-native-true-sheet';
 import { StyleSheet, View } from 'react-native';
 
 interface BottomModalProps extends TrueSheetProps {
@@ -10,6 +10,8 @@ interface BottomModalProps extends TrueSheetProps {
   sizes?: SheetSize[] | undefined;
   footer?: ReactElement | ComponentType<any>;
   footerDefaultMargins?: boolean | number;
+  onPresent?: () => void;
+  onSizeChange?: (size: SizeInfo) => void;
 }
 
 export interface BottomModalHandle {
@@ -42,7 +44,11 @@ const BottomModal = forwardRef<BottomModalHandle, BottomModalProps>(
     }));
 
     const stlyes = StyleSheet.create({
-      footerContainer: { padding: typeof footerDefaultMargins === 'number' ? footerDefaultMargins : 40, alignItems: 'center' },
+      footerContainer: {
+        padding: typeof footerDefaultMargins === 'number' ? footerDefaultMargins : 40,
+        alignItems: 'center',
+        justifyContent: 'center',
+      },
     });
 
     let FooterComponent: ReactElement | ComponentType<any> | undefined;
@@ -60,13 +66,13 @@ const BottomModal = forwardRef<BottomModalHandle, BottomModalProps>(
         ref={trueSheetRef}
         cornerRadius={24}
         sizes={sizes}
-        blurTint="regular"
         onDismiss={onClose}
         onPresent={onPresent}
         onSizeChange={onSizeChange}
         grabber={isGrabberVisible}
         FooterComponent={FooterComponent}
         {...props}
+        blurTint="regular"
       >
         {children}
       </TrueSheet>

screen/receive/details.js

@@ -346,7 +346,7 @@ const ReceiveDetails = () => {
         onClose={dismissCustomAmountModal}
         backgroundColor={colors.modal}
         contentContainerStyle={styles.modalContent}
-        footerDefaultMarginsEnabled
+        footerDefaultMargins
         footer={
           <Button
             testID="CustomAmountSaveButton"

screen/wallets/addMultisig.js

@@ -34,9 +34,6 @@ const WalletsAddMultisig = () => {
     textdesc: {
       color: colors.alternativeTextColor,
     },
-    modalContentShort: {
-      backgroundColor: colors.elevated,
-    },
     textSubtitle: {
       color: colors.alternativeTextColor,
     },
@@ -107,7 +104,7 @@ const WalletsAddMultisig = () => {
         sizes={['auto', 'large']}
         ref={bottomModalRef}
         contentContainerStyle={styles.modalContentShort}
-        backgroundColor={stylesHook.modalContentShort}
+        backgroundColor={colors.elevated}
       >
         <Text style={[styles.textHeader, stylesHook.textHeader]}>{loc.multisig.quorum_header}</Text>
         <Text style={[styles.textSubtitle, stylesHook.textSubtitle]}>{loc.multisig.required_keys_out_of_total}</Text>