feat: disabled select on like count

warmachine028 · Dec 10, 2024 · 91ff665 · 91ff665
1 parent ae8fed2
commit 91ff665
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/client/src/components/LikeButton.jsx b/client/src/components/LikeButton.jsx
@@ -59,7 +59,11 @@ const LikeButton = ({ commentId }) => {
 					onMouseEnter={handleMouseEnter}
 					sx={{
 						cursor: 'pointer',
-						'&:hover': { textDecoration: 'underline' }
+						'&:hover': { textDecoration: 'underline' },
+						userSelect: 'none', // This prevents text selection
+						WebkitUserSelect: 'none', // For webkit browsers like Chrome and Safari
+						MozUserSelect: 'none', // For Firefox
+						msUserSelect: 'none' // For Internet Explorer/Edge
 					}}
 				>
 					{data.likeCount} {data.likeCount === 1 ? 'like' : 'likes'}