Issue #25: Removed touchable opacity auto highlighting and enhanc.

algocry · Oct 16, 2024 · 5bd7e9f · 5bd7e9f
1 parent 3527203
commit 5bd7e9f
Show file tree

Hide file tree

Showing 12 changed files with 28 additions and 28 deletions.
diff --git a/src/screens/AlbumViewerScreen/components/AlbumItemsContainer.jsx b/src/screens/AlbumViewerScreen/components/AlbumItemsContainer.jsx
@@ -27,7 +27,7 @@ const AlbumItemsContainer = ({ trackList, playurlOverrider, queue }) => {
 	};
 
 	const renderAlbumItems = ({ item, index }) => (
-		<TouchableOpacity onPress={() => onItemPlayPressed(index)}>
+		<TouchableOpacity activeOpacity={1} onPress={() => onItemPlayPressed(index)}>
 			<View style={styles.albumItems}>
 				<Text
 					style={[

diff --git a/src/screens/AlbumViewerScreen/components/PlayerFooter.jsx b/src/screens/AlbumViewerScreen/components/PlayerFooter.jsx
@@ -77,7 +77,7 @@ const PlayerFooter = ({
 	return (
 		<Animated.View style={[styles.footer, { height: footerHeightAnim }]}>
 			<View style={styles.footercontainer}>
-				<TouchableOpacity
+				<TouchableOpacity activeOpacity={1}
 					onPress={handleOnRepeat}
 					style={[
 						styles.shuffleRepeatButtons,
@@ -87,13 +87,13 @@ const PlayerFooter = ({
 					<Feather name="repeat" size={25} color="black" />
 				</TouchableOpacity>
 				<View style={styles.playPauseControl}>
-					<TouchableOpacity
+					<TouchableOpacity activeOpacity={1}
 						style={[styles.prevButton, !albumMode && styles.prevNextSongMode]}
 						onPress={handleOnPrevious}
 					>
 						<Ionicons name="play-back" size={25} color="black" />
 					</TouchableOpacity>
-					<TouchableOpacity
+					<TouchableOpacity activeOpacity={1}
 						style={styles.playPauseButtonContainer}
 						onPress={handlePlayPause}
 					>
@@ -112,14 +112,14 @@ const PlayerFooter = ({
 							color="white"
 						/>
 					</TouchableOpacity>
-					<TouchableOpacity
+					<TouchableOpacity activeOpacity={1}
 						style={[styles.nextButton, !albumMode && styles.prevNextSongMode]}
 						onPress={handleOnNext}
 					>
 						<Ionicons name="play-forward" size={25} color="black" />
 					</TouchableOpacity>
 				</View>
-				<TouchableOpacity
+				<TouchableOpacity activeOpacity={1}
 					onPress={handleOnShuffle}
 					style={[
 						styles.shuffleRepeatButtons,

diff --git a/src/screens/AlbumViewerScreen/components/UtilityButtons.jsx b/src/screens/AlbumViewerScreen/components/UtilityButtons.jsx
@@ -14,15 +14,15 @@ const UtilityButtons = ({ trackList }) => {
 	const navigation = useNavigation();
 	return (
 		<View style={styles.container}>
-			<TouchableOpacity
+			<TouchableOpacity activeOpacity={1}
 				style={styles.button}
 				onPress={() => utilityButtonActions("like", { trackList, likedList })}
 				accessibilityLabel="Like"
 			>
 				<Ionicon name="heart" size={25} style={styles.icon} color={"red"} />
 			</TouchableOpacity>
 
-			<TouchableOpacity
+			<TouchableOpacity activeOpacity={1}
 				onPress={() =>
 					utilityButtonActions("play", {
 						trackList,
@@ -44,7 +44,7 @@ const UtilityButtons = ({ trackList }) => {
 				/>
 			</TouchableOpacity>
 
-			<TouchableOpacity
+			<TouchableOpacity activeOpacity={1}
 				style={styles.button}
 				accessibilityLabel="Download"
 				onPress={() =>
@@ -54,7 +54,7 @@ const UtilityButtons = ({ trackList }) => {
 				<Octicons name="download" size={25} style={styles.icon} />
 			</TouchableOpacity>
 
-			<TouchableOpacity
+			<TouchableOpacity activeOpacity={1}
 				style={styles.button}
 				accessibilityLabel="Listen with people"
 				onPress={() =>
@@ -64,7 +64,7 @@ const UtilityButtons = ({ trackList }) => {
 				<Ionicon name="people" size={25} style={styles.icon} />
 			</TouchableOpacity>
 
-			<TouchableOpacity
+			<TouchableOpacity activeOpacity={1}
 				style={styles.button}
 				accessibilityLabel="Share"
 				onPress={() => utilityButtonActions("share", { trackList: trackList })}

diff --git a/src/screens/AlbumsScreen/components/Card.jsx b/src/screens/AlbumsScreen/components/Card.jsx
@@ -15,7 +15,7 @@ const Card = ({ albumData, index }) => {
 	albumData.title = albumData.title ? albumData.title : albumData.name;
 
 	return (
-		<TouchableOpacity
+		<TouchableOpacity delayPressIn={100}
 			onPress={() =>
 				handleAlbum({
 					albumData: albumData,

diff --git a/src/screens/AlbumsScreen/components/Navbar.jsx b/src/screens/AlbumsScreen/components/Navbar.jsx
@@ -13,10 +13,10 @@ const Navbar = () => {
 	};
 	return (
 		<View style={styles.searchInput}>
-			<TouchableOpacity onPress={handleDashboard}>
+			<TouchableOpacity activeOpacity={1} onPress={handleDashboard}>
 				<Feather name="menu" size={25} color="black" />
 			</TouchableOpacity>
-			<TouchableOpacity onPress={handleSearch}>
+			<TouchableOpacity activeOpacity={1} onPress={handleSearch}>
 				<Feather name="search" size={25} color="black" />
 			</TouchableOpacity>
 		</View>

diff --git a/src/screens/DashboardScreen/components/Footer.jsx b/src/screens/DashboardScreen/components/Footer.jsx
@@ -42,7 +42,7 @@ const Footer = (props) => {
 						Latest Version: {remoteVersion || "NaN"}
 					</Text>
 				</View>
-				<TouchableOpacity
+				<TouchableOpacity activeOpacity={1}
 					onPress={() => props.navigation.navigate("VersionScreen")}
 					disabled={!isUpdateAvailable}
 				>

diff --git a/src/screens/DashboardScreen/components/RightHeaderButton.jsx b/src/screens/DashboardScreen/components/RightHeaderButton.jsx
@@ -4,7 +4,7 @@ import React from "react";
 
 const RightHeaderButton = ({ navigation, color }) => {
 	return (
-		<TouchableOpacity
+		<TouchableOpacity activeOpacity={1}
 			style={{ marginRight: 15 }}
 			onPress={() => navigation.navigate("SearchScreen")}
 		>

diff --git a/src/screens/FloatingPlayerScreen/FloatingPlayerScreen.jsx b/src/screens/FloatingPlayerScreen/FloatingPlayerScreen.jsx
@@ -105,7 +105,7 @@ const FloatingPlayerScreen = ({ playerInitialized }) => {
 		queue &&
 		queue[playingIndex] &&
 		shouldDisplay && (
-			<TouchableOpacity
+			<TouchableOpacity activeOpacity={1}
 				style={styles.container}
 				onPress={() => navigator.navigate("PlayerScreen")}
 			>
@@ -136,7 +136,7 @@ const FloatingPlayerScreen = ({ playerInitialized }) => {
 					</View>
 
 					<View style={styles.controls}>
-						<TouchableOpacity
+						<TouchableOpacity activeOpacity={1}
 							style={styles.playPauseButtonContainer}
 							onPress={handlePlayPause}
 						>
@@ -157,7 +157,7 @@ const FloatingPlayerScreen = ({ playerInitialized }) => {
 							/>
 						</TouchableOpacity>
 
-						<TouchableOpacity
+						<TouchableOpacity activeOpacity={1}
 							style={[styles.nextButton]}
 							onPress={handleOnNext}
 						>

diff --git a/src/screens/PlayerScreen/components/AlbumItemsContainer.jsx b/src/screens/PlayerScreen/components/AlbumItemsContainer.jsx
@@ -23,7 +23,7 @@ const AlbumItemsContainer = ({ playList, playurlOverrider }) => {
 	};
 
 	const renderAlbumItems = ({ item, index }) => (
-		<TouchableOpacity onPress={() => onItemPlayPressed(index)}>
+		<TouchableOpacity activeOpacity={1} onPress={() => onItemPlayPressed(index)}>
 			<View style={styles.albumItems}>
 				<Text
 					style={[

diff --git a/src/screens/PlayerScreen/components/CustomStatusBar.jsx b/src/screens/PlayerScreen/components/CustomStatusBar.jsx
@@ -7,15 +7,15 @@ const CustomStatusBar = () => {
 	const navigator = useNavigation();
 	return (
 		<View style={styles.buttonContainer}>
-			<TouchableOpacity
+			<TouchableOpacity activeOpacity={1}
 				onPress={() => {
 					navigator.goBack();
 				}}
 				style={styles.iconLeft}
 			>
 				<Ionicons name="chevron-back" size={25} color={"#000"} />
 			</TouchableOpacity>
-			<TouchableOpacity
+			<TouchableOpacity activeOpacity={1}
 				onPress={() => {
 					ToastAndroid.show("Not implemented yet", ToastAndroid.SHORT);
 				}}

diff --git a/src/screens/PlayerScreen/components/PlayerFooter.jsx b/src/screens/PlayerScreen/components/PlayerFooter.jsx
@@ -77,7 +77,7 @@ const PlayerFooter = ({
 	return (
 		<Animated.View style={[styles.footer, { height: footerHeightAnim }]}>
 			<View style={styles.footercontainer}>
-				<TouchableOpacity
+				<TouchableOpacity activeOpacity={1}
 					onPress={handleOnRepeat}
 					style={[
 						styles.shuffleRepeatButtons,
@@ -87,13 +87,13 @@ const PlayerFooter = ({
 					<Feather name="repeat" size={25} color="black" />
 				</TouchableOpacity>
 				<View style={styles.playPauseControl}>
-					<TouchableOpacity
+					<TouchableOpacity activeOpacity={1}
 						style={[styles.prevButton, !albumMode && styles.prevNextSongMode]}
 						onPress={handleOnPrevious}
 					>
 						<Ionicons name="play-back" size={25} color="black" />
 					</TouchableOpacity>
-					<TouchableOpacity
+					<TouchableOpacity activeOpacity={1}
 						style={styles.playPauseButtonContainer}
 						onPress={handlePlayPause}
 					>
@@ -112,14 +112,14 @@ const PlayerFooter = ({
 							color="white"
 						/>
 					</TouchableOpacity>
-					<TouchableOpacity
+					<TouchableOpacity activeOpacity={1}
 						style={[styles.nextButton, !albumMode && styles.prevNextSongMode]}
 						onPress={handleOnNext}
 					>
 						<Ionicons name="play-forward" size={25} color="black" />
 					</TouchableOpacity>
 				</View>
-				<TouchableOpacity
+				<TouchableOpacity activeOpacity={1}
 					onPress={handleOnShuffle}
 					style={[
 						styles.shuffleRepeatButtons,

diff --git a/src/screens/SearchScreen/components/Navbar.jsx b/src/screens/SearchScreen/components/Navbar.jsx
@@ -10,7 +10,7 @@ const Navbar = ({ setSearchInput }) => {
 	};
 	return (
 		<View style={styles.searchContainer}>
-			<TouchableOpacity onPress={handleBack}>
+			<TouchableOpacity activeOpacity={1} onPress={handleBack}>
 				<Ionicons name="arrow-back" size={25} color="black" />
 			</TouchableOpacity>
 			<TextInput