diff options
| author | Hailey <me@haileyok.com> | 2024-05-09 09:07:57 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-09 09:07:57 -0700 |
| commit | 2fe76333bc6161d78c9f9b43f4855ff6919de507 (patch) | |
| tree | c33e1df9f7b2829df62173fd956e45a45c05cdc8 /src/components/dms/MessageMenu.tsx | |
| parent | 55ac287d5e822a24c201d6f756b2d0ab76df242c (diff) | |
| download | voidsky-2fe76333bc6161d78c9f9b43f4855ff6919de507.tar.zst | |
[🐴] Add hover context menu for convo list on web (#3923)
* 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 * ❓
Diffstat (limited to 'src/components/dms/MessageMenu.tsx')
| -rw-r--r-- | src/components/dms/MessageMenu.tsx | 7 |
1 files changed, 3 insertions, 4 deletions
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 ( <> <Menu.Root control={control}> - {!hideTrigger && ( + {isWeb && ( <View style={{opacity: triggerOpacity}}> <Menu.Trigger label={_(msg`Chat settings`)}> {({props, state}) => ( @@ -75,7 +74,7 @@ export let MessageMenu = ({ a.rounded_full, (state.hovered || state.pressed) && t.atoms.bg_contrast_25, ]}> - <DotsHorizontal size="sm" style={t.atoms.text} /> + <DotsHorizontal size="md" style={t.atoms.text} /> </Pressable> )} </Menu.Trigger> |