diff --git a/web/chat/chat-input-bar.react.js b/web/chat/chat-input-bar.react.js --- a/web/chat/chat-input-bar.react.js +++ b/web/chat/chat-input-bar.react.js @@ -250,9 +250,9 @@ mediaSource = { ...mediaSource, type: mediaType, - holder: uri, + blobURI: uri, encryptionKey, - thumbnailHolder: null, + thumbnailBlobURI: null, thumbnailEncryptionKey: null, }; } diff --git a/web/chat/multimedia-message.react.js b/web/chat/multimedia-message.react.js --- a/web/chat/multimedia-message.react.js +++ b/web/chat/multimedia-message.react.js @@ -47,17 +47,17 @@ } else { const { type, - holder, + holder: blobURI, encryptionKey, - thumbnailHolder, + thumbnailHolder: thumbnailBlobURI, thumbnailEncryptionKey, dimensions, } = singleMedia; mediaSource = { type, - holder, + blobURI, encryptionKey, - thumbnailHolder, + thumbnailBlobURI, thumbnailEncryptionKey, dimensions, thumbHash, diff --git a/web/media/encrypted-multimedia.react.js b/web/media/encrypted-multimedia.react.js --- a/web/media/encrypted-multimedia.react.js +++ b/web/media/encrypted-multimedia.react.js @@ -14,10 +14,10 @@ import LoadingIndicator from '../loading-indicator.react.js'; type Props = { - +holder: string, + +blobURI: string, +encryptionKey: string, +type: EncryptedMediaType, - +thumbnailHolder?: ?string, + +thumbnailBlobURI?: ?string, +thumbnailEncryptionKey?: ?string, +placeholderSrc?: ?string, +multimediaClassName?: string, @@ -26,7 +26,7 @@ function EncryptedMultimedia(props: Props): React.Node { const { - holder, + blobURI, encryptionKey, placeholderSrc, elementStyle, @@ -42,7 +42,7 @@ setSource(null); const loadDecrypted = async () => { - const { result } = await decryptMedia(holder, encryptionKey); + const { result } = await decryptMedia(blobURI, encryptionKey); if (!isMounted) { return; } @@ -64,7 +64,7 @@ URL.revokeObjectURL(uriToDispose); } }; - }, [holder, encryptionKey]); + }, [blobURI, encryptionKey]); // we need to update the video source when the source changes // because re-rendering the element wouldn't reload parent