Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-01-22 16:46:28 +01:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #165 from osmaa/main

Browse source 
tweak the behavior of status context menu
This commit is contained in:
Chee Aun 2023-06-15 13:55:15 +08:00 committed by GitHub
commit d75a9191fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/status.jsx
View file

@ -693,9 +693,13 @@ function Status({
x: 0,
y: 0,
});
const bindLongPress = useLongPress(
const bindLongPressContext = useLongPress(
(e) => {
const { clientX, clientY } = e.touches?.[0] || e;
// link detection copied from onContextMenu because here it works
const link = e.target.closest('a');
if (link && /^https?:\/\//.test(link.getAttribute('href'))) return;
e.preventDefault();
setContextMenuAnchorPoint({
x: clientX,
y: clientY,
@ -706,7 +710,7 @@ function Status({
threshold: 600,
captureEvent: true,
detect: 'touch',
cancelOnMovement: true,
cancelOnMovement: 4, // true allows movement of up to 25 pixels
},
);
@ -727,6 +731,7 @@ function Status({
} ${_deleted ? 'status-deleted' : ''} ${quoted ? 'status-card' : ''}`}
onMouseEnter={debugHover}
onContextMenu={(e) => {
// FIXME: this code isn't getting called on Chrome at all?
if (!showContextMenu) return;
if (e.metaKey) return;
// console.log('context menu', e);
@ -739,7 +744,7 @@ function Status({
});
setIsContextMenuOpen(true);
}}
{...(showContextMenu ? bindLongPress() : {})}
{...(showContextMenu ? bindLongPressContext() : {})}
>
{showContextMenu && (
<ControlledMenu
@ -1839,7 +1844,7 @@ function FilteredStatus({ status, filterInfo, instance, containerProps = {} }) {
const statusPeekText = statusPeek(status.reblog || status);
const [showPeek, setShowPeek] = useState(false);
const bindLongPress = useLongPress(
const bindLongPressPeek = useLongPress(
() => {
setShowPeek(true);
},
@ -1847,7 +1852,7 @@ function FilteredStatus({ status, filterInfo, instance, containerProps = {} }) {
threshold: 600,
captureEvent: true,
detect: 'touch',
cancelOnMovement: true,
cancelOnMovement: 4, // true allows movement of up to 25 pixels
},
);
@ -1860,7 +1865,7 @@ function FilteredStatus({ status, filterInfo, instance, containerProps = {} }) {
e.preventDefault();
setShowPeek(true);
}}
{...bindLongPress()}
{...bindLongPressPeek()}
>
<article class="status filtered" tabindex="-1">
<b