Enable haptics for long-clicking in gallery viewer (fixes #1220)

QuantumBadger · QuantumBadger · commit 5a2cf2f640bd · 2024-08-25T13:23:03.000+01:00
diff --git a/src/main/assets/changelog-alpha.txt b/src/main/assets/changelog-alpha.txt
@@ -3,6 +3,7 @@ Fix "Malformed URL" error for Imgur images (thanks to Alexey Rochev)
 Remove red background/border behind transparent images in the gallery
 Gallery theme fixes for devices which forcibly modify app colors in dark mode
 Fix for swiping between images when "Automatically open first album image" is enabled
+Enable haptics for long-clicking in gallery viewer
 
 /Alpha 356 (2024-08-18)
 Preference change: video playback controls now enabled by default (Settings > Images/Video > Enable video playback controls)
diff --git a/src/main/assets/changelog.txt b/src/main/assets/changelog.txt
@@ -3,6 +3,7 @@ Fix "Malformed URL" error for Imgur images (thanks to Alexey Rochev)
 Remove red background/border behind transparent images in the gallery
 Gallery theme fixes for devices which forcibly modify app colors in dark mode
 Fix for swiping between images when "Automatically open first album image" is enabled
+Enable haptics for long-clicking in gallery viewer
 
 112/1.24
 Improved gallery viewer with card, list, and grid modes
diff --git a/src/main/java/org/quantumbadger/redreader/compose/theme/ComposeTheme.kt b/src/main/java/org/quantumbadger/redreader/compose/theme/ComposeTheme.kt
@@ -18,6 +18,8 @@
 package org.quantumbadger.redreader.compose.theme
 
 import android.app.Activity
+import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.combinedClickable
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
@@ -31,7 +33,10 @@ import androidx.compose.runtime.staticCompositionLocalOf
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.Shape
+import androidx.compose.ui.hapticfeedback.HapticFeedbackType
+import androidx.compose.ui.platform.LocalHapticFeedback
 import androidx.compose.ui.platform.LocalView
+import androidx.compose.ui.semantics.Role
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextOverflow
@@ -376,3 +381,32 @@ fun TextStyle.StyledText(
 		maxLines = maxLines
 	)
 }
+
+@OptIn(ExperimentalFoundationApi::class)
+@Composable
+fun Modifier.combinedClickableWithHaptics(
+	enabled: Boolean = true,
+	onClickLabel: String? = null,
+	role: Role? = null,
+	onLongClickLabel: String? = null,
+	onLongClick: (() -> Unit)? = null,
+	onDoubleClick: (() -> Unit)? = null,
+	onClick: () -> Unit
+): Modifier {
+	val haptics = LocalHapticFeedback.current
+
+	return this.combinedClickable(
+		enabled = enabled,
+		onClickLabel = onClickLabel,
+		role = role,
+		onLongClickLabel = onLongClickLabel,
+		onLongClick = onLongClick?.let {
+			{
+				haptics.performHapticFeedback(HapticFeedbackType.LongPress)
+				it()
+			}
+		},
+		onDoubleClick = onDoubleClick,
+		onClick = onClick
+	)
+}
diff --git a/src/main/java/org/quantumbadger/redreader/compose/ui/AlbumCard.kt b/src/main/java/org/quantumbadger/redreader/compose/ui/AlbumCard.kt
@@ -18,9 +18,7 @@
 package org.quantumbadger.redreader.compose.ui
 
 import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
-import androidx.compose.foundation.combinedClickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.WindowInsets
@@ -49,11 +47,11 @@ import org.quantumbadger.redreader.compose.ctx.RRComposeContextTest
 import org.quantumbadger.redreader.compose.prefs.LocalComposePrefs
 import org.quantumbadger.redreader.compose.theme.LocalComposeTheme
 import org.quantumbadger.redreader.compose.theme.StyledText
+import org.quantumbadger.redreader.compose.theme.combinedClickableWithHaptics
 import org.quantumbadger.redreader.image.ImageInfo
 import org.quantumbadger.redreader.image.ImageSize
 import org.quantumbadger.redreader.image.ImageUrlInfo
 
-@OptIn(ExperimentalFoundationApi::class)
 @Composable
 fun AlbumCard(
 	index: Int,
@@ -108,9 +106,9 @@ fun AlbumCard(
 				.shadow(3.dp, shape)
 				.clip(shape)
 				.background(theme.postCard.backgroundColor)
-				.combinedClickable(
+				.combinedClickableWithHaptics(
 					onClick = { onClick(index) },
-					onLongClick = { onLongClick(index) }
+					onLongClick = { onLongClick(index) },
 				)
 		) {
 			Column(Modifier.fillMaxWidth()) {
diff --git a/src/main/java/org/quantumbadger/redreader/compose/ui/AlbumListItem.kt b/src/main/java/org/quantumbadger/redreader/compose/ui/AlbumListItem.kt
@@ -20,9 +20,7 @@ package org.quantumbadger.redreader.compose.ui
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.slideInHorizontally
 import androidx.compose.animation.slideOutHorizontally
-import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
-import androidx.compose.foundation.combinedClickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
@@ -48,12 +46,12 @@ import org.quantumbadger.redreader.compose.ctx.RRComposeContextTest
 import org.quantumbadger.redreader.compose.prefs.LocalComposePrefs
 import org.quantumbadger.redreader.compose.theme.LocalComposeTheme
 import org.quantumbadger.redreader.compose.theme.StyledText
+import org.quantumbadger.redreader.compose.theme.combinedClickableWithHaptics
 import org.quantumbadger.redreader.image.ImageInfo
 import org.quantumbadger.redreader.image.ImageSize
 import org.quantumbadger.redreader.image.ImageUrlInfo
 import java.util.Locale
 
-@OptIn(ExperimentalFoundationApi::class)
 @Composable
 fun AlbumListItem(
 	index: Int,
@@ -72,7 +70,7 @@ fun AlbumListItem(
 		modifier = Modifier
 			.fillMaxWidth()
 			.background(theme.postCard.backgroundColor)
-			.combinedClickable(
+			.combinedClickableWithHaptics(
 				onClick = { onClick(index) },
 				onLongClick = { onLongClick(index) }
 			),
diff --git a/src/main/java/org/quantumbadger/redreader/compose/ui/AlbumScreen.kt b/src/main/java/org/quantumbadger/redreader/compose/ui/AlbumScreen.kt
@@ -24,9 +24,7 @@ import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
 import androidx.compose.animation.slideInVertically
 import androidx.compose.animation.slideOutVertically
-import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
-import androidx.compose.foundation.combinedClickable
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
@@ -89,6 +87,7 @@ import org.quantumbadger.redreader.compose.net.fetchAlbum
 import org.quantumbadger.redreader.compose.prefs.LocalComposePrefs
 import org.quantumbadger.redreader.compose.theme.LocalComposeTheme
 import org.quantumbadger.redreader.compose.theme.StyledText
+import org.quantumbadger.redreader.compose.theme.combinedClickableWithHaptics
 import org.quantumbadger.redreader.image.AlbumInfo
 import org.quantumbadger.redreader.image.ImageInfo
 import org.quantumbadger.redreader.settings.types.AlbumViewMode
@@ -157,7 +156,6 @@ private fun DoOnce(input: AlbumInfo, action: () -> Unit) {
 	}
 }
 
-@OptIn(ExperimentalFoundationApi::class)
 @Composable
 fun AlbumScreen(
 	onBackPressed: () -> Unit,
@@ -373,7 +371,7 @@ fun AlbumScreen(
 
 						NetImage(
 							modifier = Modifier
-                                .combinedClickable(
+                                .combinedClickableWithHaptics(
                                     onClick = { itemClickHandler(it) },
                                     onLongClick = { itemLongClickListener(it) }
                                 )
diff --git a/src/main/java/org/quantumbadger/redreader/compose/ui/RRLinkButton.kt b/src/main/java/org/quantumbadger/redreader/compose/ui/RRLinkButton.kt
@@ -17,9 +17,7 @@
 
 package org.quantumbadger.redreader.compose.ui
 
-import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.border
-import androidx.compose.foundation.combinedClickable
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -45,8 +43,8 @@ import org.quantumbadger.redreader.compose.ctx.RRComposeContextTest
 import org.quantumbadger.redreader.compose.theme.ComposeThemeLinkButton
 import org.quantumbadger.redreader.compose.theme.LocalComposeTheme
 import org.quantumbadger.redreader.compose.theme.StyledText
+import org.quantumbadger.redreader.compose.theme.combinedClickableWithHaptics
 
-@OptIn(ExperimentalFoundationApi::class)
 @Composable
 fun RRLinkButton(
 	title: String,
@@ -61,7 +59,7 @@ fun RRLinkButton(
 			.semantics(mergeDescendants = true) {}
 			.border(theme.borderThickness, theme.borderColor, theme.shape)
 			.clip(theme.shape)
-			.combinedClickable(
+			.combinedClickableWithHaptics(
 				role = Role.Button,
 				onClick = { launch(Dest.Link(link)) },
 				onLongClick = { launch(Dest.LinkLongClick(link)) }
