Merge remote-tracking branch 'origin/APPSRN-311-crear-componente-toast'

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.8.1] - 2024-07-12
+
+### Fixed
+
+- Fixed an error while trying to close toast component.
+
 ## [1.8.0] - 2024-06-27
 
 - Added Toast component.

setupTest/jest.setup.js

@@ -23,3 +23,9 @@ jest.mock('@gorhom/bottom-sheet', () => {
 		BottomSheetView: react.View,
 	};
 });
+
+jest.mock('react-native-toast-message', () => ({
+	show: jest.fn(),
+	hide: jest.fn(),
+	setRef: jest.fn(),
+}));

src/components/Toast/index.tsx

@@ -5,6 +5,7 @@ import {moderateScale, scaledForDevice} from '../../scale';
 import {defaultIcon} from './utils';
 import {base, black} from '../../theme/palette';
 import BaseToast, {BaseToastProps} from '../BaseToast';
+import ToastAction from 'react-native-toast-message';
 import Text from '../Text';
 import Icon from '../Icon';
 
@@ -45,6 +46,13 @@ const Toast: FC<ToastProps> = ({type, text1, text2, style, props}) => {
 	const selectedIconName = customIcon || defaultIconName;
 	const horizontalAlign = validTitle ? 'flex-start' : 'center';
 
+	const handleActionCb = () => actionCb();
+
+	const handleCloseCb = () => {
+		ToastAction.hide();
+		onCloseCb();
+	};
+
 	const styles = StyleSheet.create({
 		container: {
 			display: 'flex',
@@ -109,12 +117,12 @@ const Toast: FC<ToastProps> = ({type, text1, text2, style, props}) => {
 
 			<View style={styles.feedbackWrapper}>
 				{actionTitle && (
-					<TouchableOpacity onPress={actionCb} activeOpacity={0.6}>
+					<TouchableOpacity onPress={handleActionCb} activeOpacity={0.6}>
 						<Text style={styles.actionTitle}>{actionTitle}</Text>
 					</TouchableOpacity>
 				)}
 				{showCloseIcon && (
-					<TouchableOpacity onPress={onCloseCb} activeOpacity={0.6}>
+					<TouchableOpacity onPress={handleCloseCb} activeOpacity={0.6}>
 						<Icon name="cross_light" color={validColor} size={24} style={styles.closeIcon} />
 					</TouchableOpacity>
 				)}