Fix rendering of GIFs

ts/components/conversation/GIF.tsx

@@ -4,7 +4,6 @@
 import React, { useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { Blurhash } from 'react-blurhash';
-import formatFileSize from 'filesize';
 
 import { LocalizerType, ThemeType } from '../../types/Util';
 import { Spinner } from '../Spinner';
@@ -170,7 +169,7 @@ export const GIF: React.FC<Props> = props => {
   if (isNotDownloaded && attachment.fileSize) {
     fileSize = (
       <div className="module-image--gif__filesize">
-        {formatFileSize(attachment.fileSize || 0)} · GIF
+        {attachment.fileSize} · GIF
       </div>
     );
   }

ts/components/conversation/Message.stories.tsx

@@ -801,7 +801,7 @@ story.add('Not Downloaded GIF', () => {
         contentType: VIDEO_MP4,
         flags: SignalService.AttachmentPointer.Flags.GIF,
         fileName: 'cat-gif.mp4',
-        fileSize: 188610,
+        fileSize: '188.61 KB',
         blurHash: 'LDA,FDBnm+I=p{tkIUI;~UkpELV]',
         width: 400,
         height: 332,
@@ -821,7 +821,7 @@ story.add('Pending GIF', () => {
         contentType: VIDEO_MP4,
         flags: SignalService.AttachmentPointer.Flags.GIF,
         fileName: 'cat-gif.mp4',
-        fileSize: 188610,
+        fileSize: '188.61 KB',
         blurHash: 'LDA,FDBnm+I=p{tkIUI;~UkpELV]',
         width: 400,
         height: 332,