discover context menus

signout modal styling

src/components/Discover/helpers/just-added.tsx

@@ -8,6 +8,7 @@ import { H2, H4 } from '../../../components/Global/helpers/text'
 import Icon from '../../Global/components/icon'
 import { useNavigation } from '@react-navigation/native'
 import DiscoverStackParamList from '../../../screens/Discover/types'
+import navigationRef from '../../../../navigation'
 
 export default function RecentlyAdded(): React.JSX.Element {
 	const {
@@ -53,6 +54,12 @@ export default function RecentlyAdded(): React.JSX.Element {
 								album: item,
 							})
 						}}
+						onLongPress={() => {
+							navigationRef.navigate('Context', {
+								item,
+								navigation,
+							})
+						}}
 					/>
 				)}
 			/>

src/components/Discover/helpers/public-playlists.tsx

@@ -10,6 +10,7 @@ import { H4 } from '../../Global/helpers/text'
 import { useSafeAreaFrame } from 'react-native-safe-area-context'
 import { useNavigation } from '@react-navigation/native'
 import DiscoverStackParamList from '../../../screens/Discover/types'
+import navigationRef from '../../../../navigation'
 
 export default function PublicPlaylists() {
 	const {
@@ -58,6 +59,12 @@ export default function PublicPlaylists() {
 						onPress={() => {
 							navigation.navigate('Playlist', { playlist: item, canEdit: false })
 						}}
+						onLongPress={() =>
+							navigationRef.navigate('Context', {
+								item,
+								navigation,
+							})
+						}
 					/>
 				)}
 			/>

src/components/Discover/helpers/suggested-artists.tsx

@@ -7,6 +7,7 @@ import { useDiscoverContext } from '../../../providers/Discover'
 import { H4 } from '../../Global/helpers/text'
 import { useNavigation } from '@react-navigation/native'
 import DiscoverStackParamList from '../../../screens/Discover/types'
+import navigationRef from '../../../../navigation'
 
 export default function SuggestedArtists(): React.JSX.Element {
 	const { suggestedArtistsInfiniteQuery } = useDiscoverContext()
@@ -40,6 +41,12 @@ export default function SuggestedArtists(): React.JSX.Element {
 								artist: item,
 							})
 						}}
+						onLongPress={() =>
+							navigationRef.navigate('Context', {
+								item,
+								navigation,
+							})
+						}
 					/>
 				)}
 			/>

src/screens/Settings/index.tsx

@@ -34,7 +34,7 @@ export default function SettingsScreen(): React.JSX.Element {
 				options={{
 					/* https://www.reddit.com/r/reactnative/comments/1dgktbn/comment/lxd23sj/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button */
 					presentation: 'formSheet',
-					sheetAllowedDetents: [0.35],
+					sheetAllowedDetents: 'fitToContents',
 					headerShown: false,
 				}}
 			/>