FIX: Lint

This commit is contained in:
Marcos Rodriguez Velez 2024-07-02 10:41:17 -04:00
parent 1e6fa9097f
commit 7c79ecc413
No known key found for this signature in database
GPG key ID: 6030B2F48CCE86D7
3 changed files with 11 additions and 8 deletions

View file

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

View file

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

View file

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