diff --git a/components/ask/selectModel.tsx b/components/ask/selectModel.tsx index b001f21..d6f8cd0 100644 --- a/components/ask/selectModel.tsx +++ b/components/ask/selectModel.tsx @@ -4,6 +4,7 @@ import YesSvg from "@/assets/icons/svg/yes.svg"; import { TFunction } from "i18next"; import React from "react"; import { FlatList, Image, Modal, StyleSheet, TouchableOpacity, View } from "react-native"; +import { Gesture, GestureDetector } from 'react-native-gesture-handler'; import { ThemedText } from "../ThemedText"; import { mergeArrays } from "./utils"; @@ -16,7 +17,11 @@ interface SelectModelProps { t: TFunction; } const SelectModel = ({ modalDetailsVisible, setModalDetailsVisible, insets, setSelectedImages, selectedImages, t }: SelectModelProps) => { - + const longPressGesture = Gesture.LongPress().onEnd((e, success) => { + if (success) { + console.log(`Long pressed for ${e.duration} ms!`); + } + }); return ( - - - {selectedImages?.map((image, index) => { - if (image === item.id || image === item.video?.id) { - return index + 1 - } - })} - - console.log('Image load error:', error.nativeEvent.error)} - onLoad={() => console.log('Image loaded successfully')} - loadingIndicatorSource={require('@/assets/images/png/placeholder.png')} - /> - - {isSelected && } - - + + + + {selectedImages?.map((image, index) => { + if (image === item.id || image === item.video?.id) { + return index + 1 + } + })} + + console.log('Image load error:', error.nativeEvent.error)} + onLoad={() => console.log('Image loaded successfully')} + loadingIndicatorSource={require('@/assets/images/png/placeholder.png')} + /> + + {isSelected && } + + + ); }} diff --git a/provider.tsx b/provider.tsx index 7960a54..6535122 100644 --- a/provider.tsx +++ b/provider.tsx @@ -1,6 +1,7 @@ import { I18nextProvider } from "react-i18next"; import { Platform } from 'react-native'; +import { GestureHandlerRootView } from "react-native-gesture-handler"; import Toast, { BaseToast, ErrorToast, ToastConfig } from 'react-native-toast-message'; import { Provider as ReduxProvider } from "react-redux"; import { AuthProvider } from "./contexts/auth-context"; @@ -70,24 +71,24 @@ const toastConfig: ToastConfig = { export function Provider({ children }: { children: React.ReactNode }) { return ( - - - - - - {children} - - - - - - + + + + + + {children} + + + + + + ); }