mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-09-13 14:22:25 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Open user profile at around mouse anchor (#2440)

Browse source
This commit is contained in:
Ajay Bura 2025-08-16 17:04:46 +05:30 • committed by GitHub
parent 544a06964d
commit 63fa60e7f4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/app/components/event-readers/EventReaders.tsx
View file

@ -23,6 +23,7 @@ import { UserAvatar } from '../user-avatar';
import { useMediaAuthentication } from '../../hooks/useMediaAuthentication';
import { useOpenUserRoomProfile } from '../../state/hooks/userRoomProfile';
import { useSpaceOptionally } from '../../hooks/useSpace';
import { getMouseEventCords } from '../../utils/dom';
export type EventReadersProps = {
room: Room;
@ -83,7 +84,7 @@ export const EventReaders = as<'div', EventReadersProps>(
room.roomId,
space?.roomId,
readerId,
event.currentTarget.getBoundingClientRect(),
getMouseEventCords(event.nativeEvent),
'Bottom'
);
}}

3
src/app/features/common-settings/members/Members.tsx
View file

@ -55,6 +55,7 @@ import {
import { useSpaceOptionally } from '../../../hooks/useSpace';
import { useFlattenPowerTagMembers, useGetMemberPowerTag } from '../../../hooks/useMemberPowerTag';
import { useRoomCreators } from '../../../hooks/useRoomCreators';
import { getMouseEventCords } from '../../../utils/dom';
const SEARCH_OPTIONS: UseAsyncSearchOptions = {
limit: 1000,
@ -145,7 +146,7 @@ export function Members({ requestClose }: MembersProps) {
const btn = evt.currentTarget as HTMLButtonElement;
const userId = btn.getAttribute('data-user-id');
if (userId) {
openProfile(room.roomId, space?.roomId, userId, btn.getBoundingClientRect());
openProfile(room.roomId, space?.roomId, userId, getMouseEventCords(evt.nativeEvent));
}
};

3
src/app/features/room/reaction-viewer/ReactionViewer.tsx
View file

@ -27,6 +27,7 @@ import { UserAvatar } from '../../../components/user-avatar';
import { useMediaAuthentication } from '../../../hooks/useMediaAuthentication';
import { useOpenUserRoomProfile } from '../../../state/hooks/userRoomProfile';
import { useSpaceOptionally } from '../../../hooks/useSpace';
import { getMouseEventCords } from '../../../utils/dom';
export type ReactionViewerProps = {
room: Room;
@ -136,7 +137,7 @@ export const ReactionViewer = as<'div', ReactionViewerProps>(
room.roomId,
space?.roomId,
senderId,
event.currentTarget.getBoundingClientRect(),
getMouseEventCords(event.nativeEvent),
'Bottom'
);
}}

7
src/app/utils/dom.ts
View file

@ -224,3 +224,10 @@ export const notificationPermission = (permission: NotificationPermission) => {
}
return false;
};
export const getMouseEventCords = (event: MouseEvent) => ({
x: event.clientX,
y: event.clientY,
width: 0,
height: 0,
});