Refact: UI reverts

algocry · Oct 17, 2024 · 1440fb5 · 1440fb5
1 parent b840e54
commit 1440fb5
Show file tree

Hide file tree

Showing 12 changed files with 27 additions and 27 deletions.
diff --git a/src/screens/AlbumViewerScreen/components/AlbumItemsContainer.jsx b/src/screens/AlbumViewerScreen/components/AlbumItemsContainer.jsx
@@ -28,7 +28,7 @@ const AlbumItemsContainer = ({ trackList, playurlOverrider, queue }) => {
 	};
 
 	const renderAlbumItems = ({ item, index }) => (
-		<TouchableOpacity activeOpacity={1} onPress={() => onItemPlayPressed(index)}>
+		<TouchableOpacity 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
@@ -78,7 +78,7 @@ const PlayerFooter = ({
 	return (
 		<Animated.View style={[styles.footer, { height: footerHeightAnim }]}>
 			<View style={styles.footercontainer}>
-				<TouchableOpacity activeOpacity={1}
+				<TouchableOpacity
 					onPress={handleOnRepeat}
 					style={[
 						styles.shuffleRepeatButtons,
@@ -88,13 +88,13 @@ const PlayerFooter = ({
 					<Feather name="repeat" size={25} color={colors.primaryColor} />
 				</TouchableOpacity>
 				<View style={styles.playPauseControl}>
-					<TouchableOpacity activeOpacity={1}
+					<TouchableOpacity
 						style={[styles.prevButton, !albumMode && styles.prevNextSongMode]}
 						onPress={handleOnPrevious}
 					>
 						<Ionicons name="play-back" size={25} color={colors.primaryColor} />
 					</TouchableOpacity>
-					<TouchableOpacity activeOpacity={1}
+					<TouchableOpacity
 						style={styles.playPauseButtonContainer}
 						onPress={handlePlayPause}
 					>
@@ -113,14 +113,14 @@ const PlayerFooter = ({
 							color={colors.secondaryColor}
 						/>
 					</TouchableOpacity>
-					<TouchableOpacity activeOpacity={1}
+					<TouchableOpacity
 						style={[styles.nextButton, !albumMode && styles.prevNextSongMode]}
 						onPress={handleOnNext}
 					>
 						<Ionicons name="play-forward" size={25} color={colors.primaryColor} />
 					</TouchableOpacity>
 				</View>
-				<TouchableOpacity activeOpacity={1}
+				<TouchableOpacity
 					onPress={handleOnShuffle}
 					style={[
 						styles.shuffleRepeatButtons,

diff --git a/src/screens/AlbumViewerScreen/components/UtilityButtons.jsx b/src/screens/AlbumViewerScreen/components/UtilityButtons.jsx
@@ -15,15 +15,15 @@ const UtilityButtons = ({ trackList }) => {
 	const navigation = useNavigation();
 	return (
 		<View style={styles.container}>
-			<TouchableOpacity activeOpacity={1}
+			<TouchableOpacity
 				style={styles.button}
 				onPress={() => utilityButtonActions("like", { trackList, likedList })}
 				accessibilityLabel="Like"
 			>
 				<Ionicon name="heart" size={25} style={styles.icon} color={"red"} />
 			</TouchableOpacity>
 
-			<TouchableOpacity activeOpacity={1}
+			<TouchableOpacity
 				onPress={() =>
 					utilityButtonActions("play", {
 						trackList,
@@ -45,7 +45,7 @@ const UtilityButtons = ({ trackList }) => {
 				/>
 			</TouchableOpacity>
 
-			<TouchableOpacity activeOpacity={1}
+			<TouchableOpacity
 				style={styles.button}
 				accessibilityLabel="Download"
 				onPress={() =>
@@ -55,7 +55,7 @@ const UtilityButtons = ({ trackList }) => {
 				<Octicons name="download" size={25} style={styles.icon} />
 			</TouchableOpacity>
 
-			<TouchableOpacity activeOpacity={1}
+			<TouchableOpacity
 				style={styles.button}
 				accessibilityLabel="Listen with people"
 				onPress={() =>
@@ -65,7 +65,7 @@ const UtilityButtons = ({ trackList }) => {
 				<Ionicon name="people" size={25} style={styles.icon} />
 			</TouchableOpacity>
 
-			<TouchableOpacity activeOpacity={1}
+			<TouchableOpacity
 				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
@@ -36,7 +36,7 @@ const Card = ({ albumData, index }) => {
 
 	return (
 		<TouchableOpacity
-			delayPressIn={100}
+			delayPressIn={50}
 			onPress={handlePress}
 			style={[styles.card, { height: cardHeight }]}
 			activeOpacity={0.85}

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

diff --git a/src/screens/DashboardScreen/components/Footer.jsx b/src/screens/DashboardScreen/components/Footer.jsx
@@ -43,7 +43,7 @@ const Footer = (props) => {
 						Latest Version: {remoteVersion || "NaN"}
 					</Text>
 				</View>
-				<TouchableOpacity activeOpacity={1}
+				<TouchableOpacity
 					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 activeOpacity={1}
+		<TouchableOpacity
 			style={{ marginRight: 15 }}
 			onPress={() => navigation.navigate("SearchScreen")}
 		>

diff --git a/src/screens/FloatingPlayerScreen/FloatingPlayerScreen.jsx b/src/screens/FloatingPlayerScreen/FloatingPlayerScreen.jsx
@@ -138,7 +138,7 @@ const FloatingPlayerScreen = ({ playerInitialized }) => {
 					</View>
 
 					<View style={styles.controls}>
-						<TouchableOpacity activeOpacity={1}
+						<TouchableOpacity
 							style={styles.playPauseButtonContainer}
 							onPress={handlePlayPause}
 						>
@@ -159,7 +159,7 @@ const FloatingPlayerScreen = ({ playerInitialized }) => {
 							/>
 						</TouchableOpacity>
 
-						<TouchableOpacity activeOpacity={1}
+						<TouchableOpacity
 							style={[styles.nextButton]}
 							onPress={handleOnNext}
 						>

diff --git a/src/screens/PlayerScreen/components/AlbumItemsContainer.jsx b/src/screens/PlayerScreen/components/AlbumItemsContainer.jsx
@@ -24,7 +24,7 @@ const AlbumItemsContainer = ({ playList, playurlOverrider }) => {
 	};
 
 	const renderAlbumItems = ({ item, index }) => (
-		<TouchableOpacity activeOpacity={1} onPress={() => onItemPlayPressed(index)}>
+		<TouchableOpacity onPress={() => onItemPlayPressed(index)}>
 			<View style={styles.albumItems}>
 				<Text
 					style={[
@@ -94,7 +94,7 @@ const styles = StyleSheet.create({
 		overflow: "scroll",
 	},
 	songItem: {
-		fontSize: 15,
+		fontSize: 14,
 		fontFamily: fonts.poppinsPrimary
 	},
 });
diff --git a/src/screens/PlayerScreen/components/CustomStatusBar.jsx b/src/screens/PlayerScreen/components/CustomStatusBar.jsx
@@ -16,7 +16,7 @@ const CustomStatusBar = () => {
 			>
 				<Ionicons name="chevron-back" size={25} color={colors.primaryColor} />
 			</TouchableOpacity>
-			<TouchableOpacity activeOpacity={1}
+			<TouchableOpacity
 				onPress={() => {
 					ToastAndroid.show("Not implemented yet", ToastAndroid.SHORT);
 				}}

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

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