From 2fe76333bc6161d78c9f9b43f4855ff6919de507 Mon Sep 17 00:00:00 2001 From: Hailey Date: Thu, 9 May 2024 09:07:57 -0700 Subject: [🐴] Add hover context menu for convo list on web (#3923) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * remove some unnecessary props * add hover trigger on web for convo list * lint * use `UserAvatar` to not affect accessibility * remove extra wrapper * add `label` * always show on mobile * adjust size of dots * make the message trigger dots the same size * ❓ --- src/components/dms/MessageMenu.tsx | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) (limited to 'src/components/dms/MessageMenu.tsx') diff --git a/src/components/dms/MessageMenu.tsx b/src/components/dms/MessageMenu.tsx index 3a5fa54d8..75807f818 100644 --- a/src/components/dms/MessageMenu.tsx +++ b/src/components/dms/MessageMenu.tsx @@ -5,6 +5,7 @@ import {ChatBskyConvoDefs} from '@atproto-labs/api' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' +import {isWeb} from 'platform/detection' import {useConvo} from 'state/messages/convo' import {ConvoStatus} from 'state/messages/convo/types' import {useSession} from 'state/session' @@ -21,12 +22,10 @@ import {Clipboard_Stroke2_Corner2_Rounded as ClipboardIcon} from '../icons/Clipb export let MessageMenu = ({ message, control, - hideTrigger, triggerOpacity, }: { hideTrigger?: boolean triggerOpacity?: number - onTriggerPress?: () => void message: ChatBskyConvoDefs.MessageView control: Menu.MenuControlProps }): React.ReactNode => { @@ -64,7 +63,7 @@ export let MessageMenu = ({ return ( <> - {!hideTrigger && ( + {isWeb && ( {({props, state}) => ( @@ -75,7 +74,7 @@ export let MessageMenu = ({ a.rounded_full, (state.hovered || state.pressed) && t.atoms.bg_contrast_25, ]}> - + )} -- cgit 1.4.1