danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2025-01-22 05:11:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

Media Viewer: Support dragging images to desktop (#1090)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-05-13 12:00:22 +03:00
parent 8036c0dc87
commit 314831eb04
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/mediaViewer/MediaViewer.tsx
View File

@ -399,7 +399,11 @@ const MediaViewer: FC<StateProps & DispatchProps> = ({
if (avatarOwner) {
return (
<div key={chatId} className="media-viewer-content">
{renderPhoto(fullMediaData || blobUrlPreview, calculateMediaViewerDimensions(AVATAR_FULL_DIMENSIONS, false))}
{renderPhoto(
fullMediaData || blobUrlPreview,
calculateMediaViewerDimensions(AVATAR_FULL_DIMENSIONS, false),
!IS_MOBILE_SCREEN && !isZoomed,
)}
</div>
);
} else if (message) {
@ -411,6 +415,7 @@ const MediaViewer: FC<StateProps & DispatchProps> = ({
{isPhoto && renderPhoto(
localBlobUrl || fullMediaData || blobUrlPreview || blobUrlPictogram,
message && calculateMediaViewerDimensions(photoDimensions!, hasFooter),
!IS_MOBILE_SCREEN && !isZoomed,
)}
{isVideo && (
<VideoPlayer
@ -529,7 +534,7 @@ const MediaViewer: FC<StateProps & DispatchProps> = ({
);
};
function renderPhoto(blobUrl?: string, imageSize?: IDimensions) {
function renderPhoto(blobUrl?: string, imageSize?: IDimensions, canDrag?: boolean) {
return blobUrl
? (
<img
@ -537,7 +542,7 @@ function renderPhoto(blobUrl?: string, imageSize?: IDimensions) {
alt=""
// @ts-ignore teact feature
style={imageSize ? `width: ${imageSize.width}px` : ''}
draggable={false}
draggable={Boolean(canDrag)}
/>
)
: (