From 7fe5bd014c67b74cf0c2766d50d84d24f920a6dd Mon Sep 17 00:00:00 2001
From: Kane Thomas <kmt8vn@virginia.edu>
Date: Sat, 18 Jan 2025 13:46:00 -0500
Subject: [PATCH] don't wrap dropdown menu children in button press if
 condition is long press

---
 src/components/DropdownMenu.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/DropdownMenu.tsx b/src/components/DropdownMenu.tsx
index 05f58bbf62e..d6de0fce7d5 100644
--- a/src/components/DropdownMenu.tsx
+++ b/src/components/DropdownMenu.tsx
@@ -7,6 +7,7 @@ import { ImageSourcePropType, ImageURISource } from 'react-native';
 import type { SFSymbols5_0 } from 'sf-symbols-typescript';
 import type { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
 import { ButtonPressAnimation } from './animations';
+import ConditionalWrap from 'conditional-wrap';
 
 export const DropdownMenuRoot = DropdownMenuPrimitive.Root;
 export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -112,7 +113,12 @@ export function DropdownMenu<T extends string>({
   return (
     <DropdownMenuRoot>
       <DropdownMenuTrigger action={triggerAction}>
-        <ButtonPressAnimation testID={testID}>{children}</ButtonPressAnimation>
+        <ConditionalWrap
+          condition={triggerAction === 'press'}
+          wrap={children => <ButtonPressAnimation testID={testID}>{children}</ButtonPressAnimation>}
+        >
+          {children}
+        </ConditionalWrap>
       </DropdownMenuTrigger>
       <DropdownMenuContent
         loop={loop}