fix text selecting

components/waves/drops/WaveDrop.tsx

@@ -1,26 +1,16 @@
 "use client";
 
-import { AuthContext } from "@/components/auth/Auth";
 import { useCompactMode } from "@/contexts/CompactModeContext";
 import type { ApiDrop } from "@/generated/models/ApiDrop";
 import type { ApiDropMentionedUser } from "@/generated/models/ApiDropMentionedUser";
 import { ApiDropType } from "@/generated/models/ApiDropType";
 import type { ApiUpdateDropRequest } from "@/generated/models/ApiUpdateDropRequest";
 import type { ExtendedDrop } from "@/helpers/waves/drop.helpers";
-import { useDropBoostMutation } from "@/hooks/drops/useDropBoostMutation";
 import { useDropUpdateMutation } from "@/hooks/drops/useDropUpdateMutation";
 import useIsMobileDevice from "@/hooks/isMobileDevice";
-import { useDoubleTap } from "@/hooks/useDoubleTap";
 import { selectEditingDropId, setEditingDropId } from "@/store/editSlice";
 import type { ActiveDropState } from "@/types/dropInteractionTypes";
-import {
-  memo,
-  useCallback,
-  useContext,
-  useEffect,
-  useRef,
-  useState,
-} from "react";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import type { DropInteractionParams } from "./Drop";
 import { DropLocation } from "./Drop";
@@ -170,8 +160,6 @@ const WaveDrop = ({
   const longPressTimeoutRef = useRef<NodeJS.Timeout | null>(null);
   const touchStartPosition = useRef<{ x: number; y: number } | null>(null);
   const dropUpdateMutation = useDropUpdateMutation();
-  const { toggleBoost, isPending: isBoostPending } = useDropBoostMutation();
-  const { connectedProfile } = useContext(AuthContext);
   const isActiveDrop = activeDrop?.drop.id === drop.id;
   const isStorm = drop.parts.length > 1;
   const isDrop = drop.drop_type === ApiDropType.Participatory;
@@ -315,50 +303,6 @@ const WaveDrop = ({
     dispatch(setEditingDropId(null));
   }, [dispatch]);
 
-  // Double-tap to boost handler
-  const handleDoubleTapBoost = useCallback(
-    (event: React.TouchEvent | React.MouseEvent) => {
-      // Don't boost if editing, if long press menu is open, or if already pending
-      if (isEditing || isSlideUp || isBoostPending) {
-        return;
-      }
-
-      // Don't boost temporary drops
-      if (drop.id.startsWith("temp-")) {
-        return;
-      }
-
-      // Get tap coordinates for animation
-      let x: number;
-      let y: number;
-
-      if ("touches" in event || "changedTouches" in event) {
-        const touchEvent = event as React.TouchEvent;
-        const touch = touchEvent.changedTouches[0];
-        x = touch?.clientX ?? 0;
-        y = touch?.clientY ?? 0;
-      } else {
-        const mouseEvent = event;
-        x = mouseEvent.clientX;
-        y = mouseEvent.clientY;
-      }
-
-      const isPinned = drop.context_profile_context?.boosted ?? false;
-
-      // Trigger animation
-      setBoostAnimation({
-        id: `${drop.id}-${Date.now()}`,
-        x,
-        y,
-        type: isPinned ? "unboost" : "boost",
-      });
-
-      // Perform the boost/unboost (success/error toast handled by mutation)
-      toggleBoost(drop);
-    },
-    [drop, isEditing, isSlideUp, isBoostPending, toggleBoost]
-  );
-
   const handleBoostAnimationComplete = useCallback(() => {
     setBoostAnimation(null);
   }, []);
@@ -381,18 +325,6 @@ const WaveDrop = ({
     });
   }, [drop.id, drop.context_profile_context?.boosted]);
 
-  // Set up double-tap detection for boosting (mobile only)
-  const isTemporaryDrop = drop.id.startsWith("temp-");
-  const canBoost =
-    !isTemporaryDrop && !isEditing && !!connectedProfile && isMobile;
-
-  const doubleTapHandlers = useDoubleTap({
-    onDoubleTap: handleDoubleTapBoost,
-    enabled: canBoost,
-    maxDelay: 300,
-    maxDistance: 30,
-  });
-
   useEffect(() => {
     return () => {
       if (longPressTimeoutRef.current) {
@@ -459,16 +391,12 @@ const WaveDrop = ({
                 partsCount={drop.parts.length}
               />
             )}
-            <button
-              type="button"
-              className={`tw-w-full tw-border-0 tw-bg-transparent tw-p-0 tw-text-left ${
+            <div
+              className={`tw-w-full ${
                 shouldGroupWithPreviousDrop && !isProfileView
                   ? "tw-ml-[3.25rem]"
                   : ""
               }`}
-              onTouchStart={doubleTapHandlers.onTouchStart}
-              onTouchEnd={doubleTapHandlers.onTouchEnd}
-              onClick={doubleTapHandlers.onClick}
             >
               <WaveDropContent
                 drop={drop}
@@ -483,7 +411,7 @@ const WaveDrop = ({
                 onSave={handleEditSave}
                 onCancel={handleEditCancel}
               />
-            </button>
+            </div>
           </div>
         </div>
         {!isMobile && showReplyAndQuote && !isEditing && (