oxen-io
/
session-desktop
mirror of https://github.com/oxen-io/session-desktop.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

make attacments the same size that they are displayed on the UI

This commit is contained in:
audric 2021-08-27 15:18:44 +10:00
parent 2e9cd0ada6
commit a986931569
4 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/modules/types/attachment.js
View File

@ -202,7 +202,7 @@ exports.save = AttachmentTS.save;
exports.getFileExtension = AttachmentTS.getFileExtension;
exports.arrayBufferFromFile = AttachmentTS.arrayBufferFromFile;
const THUMBNAIL_SIZE = 150;
const THUMBNAIL_SIZE = 200;
const THUMBNAIL_CONTENT_TYPE = 'image/png';
exports.captureDimensionsAndScreenshot = async (

5
ts/components/conversation/ImageGrid.tsx
View File

@ -8,7 +8,6 @@ import {
getAlt,
getImageDimensions,
getThumbnailUrl,
getUrl,
isVideoAttachment,
} from '../../types/Attachment';
@ -44,7 +43,7 @@ export const ImageGrid = (props: Props) => {
playIconOverlay={isVideoAttachment(attachments[0])}
height={height}
width={width}
url={getUrl(attachments[0])}
url={getThumbnailUrl(attachments[0])}
onClick={onClickAttachment}
onError={onError}
/>
@ -91,7 +90,7 @@ export const ImageGrid = (props: Props) => {
playIconOverlay={isVideoAttachment(attachments[0])}
height={200}
width={199}
url={getUrl(attachments[0])}
url={getThumbnailUrl(attachments[0])}
onClick={onClickAttachment}
onError={onError}
/>

2
ts/components/conversation/ReadableMessage.tsx
View File

@ -1,5 +1,5 @@
import _, { noop } from 'lodash';
import React, { useCallback } from 'react';
import React, { useCallback, useState } from 'react';
import { InView } from 'react-intersection-observer';
import { useDispatch, useSelector } from 'react-redux';
import { getMessageById } from '../../data/data';

8
ts/types/Attachment.ts
View File

@ -8,10 +8,10 @@ import { SignalService } from '../protobuf';
import { isImageTypeSupported, isVideoTypeSupported } from '../util/GoogleChrome';
import { fromHexToArray } from '../session/utils/String';
const MAX_WIDTH = 300;
const MAX_HEIGHT = MAX_WIDTH * 1.5;
const MIN_WIDTH = 200;
const MIN_HEIGHT = 50;
const MAX_WIDTH = 200;
const MAX_HEIGHT = MAX_WIDTH;
const MIN_WIDTH = MAX_WIDTH;
const MIN_HEIGHT = MAX_WIDTH;
// Used for display