diff --git a/apps/mobile-app/components/folders/FolderSelector.tsx b/apps/mobile-app/components/folders/FolderSelector.tsx index 5af9ef024..e561af841 100644 --- a/apps/mobile-app/components/folders/FolderSelector.tsx +++ b/apps/mobile-app/components/folders/FolderSelector.tsx @@ -6,6 +6,7 @@ import { StyleSheet, Text, TouchableOpacity, + TouchableWithoutFeedback, View, ScrollView, } from 'react-native'; @@ -156,76 +157,80 @@ export const FolderSelector: React.FC = ({ animationType="fade" onRequestClose={() => setShowModal(false)} > - - - {t('items.folders.selectFolder')} + setShowModal(false)}> + + + + {t('items.folders.selectFolder')} - setShowModal(false)} - > - - - - - {/* No folder option */} - handleSelectFolder(null)} - > - - - {t('items.folders.noFolder')} - - {!selectedFolderId && ( - - )} - - - {/* Folder options */} - {folders.map(folder => ( handleSelectFolder(folder.Id)} + style={styles.closeButton} + onPress={() => setShowModal(false)} > - - - {folder.Name} - - {selectedFolderId === folder.Id && ( - - )} + - ))} - + + + {/* No folder option */} + handleSelectFolder(null)} + > + + + {t('items.folders.noFolder')} + + {!selectedFolderId && ( + + )} + + + {/* Folder options */} + {folders.map(folder => ( + handleSelectFolder(folder.Id)} + > + + + {folder.Name} + + {selectedFolderId === folder.Id && ( + + )} + + ))} + + + - + ); diff --git a/apps/mobile-app/components/form/ItemNameField.tsx b/apps/mobile-app/components/form/ItemNameField.tsx index cde0031fe..b838e47c9 100644 --- a/apps/mobile-app/components/form/ItemNameField.tsx +++ b/apps/mobile-app/components/form/ItemNameField.tsx @@ -6,6 +6,8 @@ import { StyleSheet, Text, TextInput, + TouchableOpacity, + TouchableWithoutFeedback, View, ScrollView, } from 'react-native'; @@ -204,76 +206,82 @@ export const ItemNameField = forwardRef(( animationType="fade" onRequestClose={() => setShowModal(false)} > - - - {t('items.folders.selectFolder')} + setShowModal(false)}> + + + + {t('items.folders.selectFolder')} - setShowModal(false)} - > - - - - - {/* No folder option */} - handleSelectFolder(null)} - > - - setShowModal(false)} > - {t('items.folders.noFolder')} - - {!selectedFolderId && ( - - )} - + + - {/* Folder options */} - {folders.map(folder => ( - handleSelectFolder(folder.Id)} - > - - + {/* No folder option */} + handleSelectFolder(null)} + activeOpacity={0.7} > - {folder.Name} - - {selectedFolderId === folder.Id && ( - - )} - - ))} - + + + {t('items.folders.noFolder')} + + {!selectedFolderId && ( + + )} + + + {/* Folder options */} + {folders.map(folder => ( + handleSelectFolder(folder.Id)} + activeOpacity={0.7} + > + + + {folder.Name} + + {selectedFolderId === folder.Id && ( + + )} + + ))} + + + - + );