diff --git a/src/files-ui/components/file-card/FileCard.tsx b/src/files-ui/components/file-card/FileCard.tsx index 1af0ffb051556463ffd36c194c469a30a6426604..625e4d406273e1aef087905053e3899ee01eff01 100644 --- a/src/files-ui/components/file-card/FileCard.tsx +++ b/src/files-ui/components/file-card/FileCard.tsx @@ -147,9 +147,7 @@ const FileCard: React.FC<FileCardProps> = (props: FileCardProps) => { videoUrl ); //The size formatted and rounded in 2 decimals - const sizeFormatted: string = localSize - ? fileSizeFormater(localSize) - : "0 KB"; + const sizeFormatted: string | undefined = fileSizeFormater(localSize); //alwaysActive const [showInfo, setShowInfo] = React.useState<boolean>(false); diff --git a/src/files-ui/components/file-mosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayerProps.ts b/src/files-ui/components/file-mosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayerProps.ts index 658746700c32cc75b94029a7a0ec8cf704778f99..c4ad738845ec57e4b6a15027dd9385db8de820eb 100644 --- a/src/files-ui/components/file-mosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayerProps.ts +++ b/src/files-ui/components/file-mosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayerProps.ts @@ -8,6 +8,6 @@ export type FileMosaicInfoLayerProps = { onCloseInfo?:Function; localName: string; - sizeFormatted: string; + sizeFormatted?: string; localType?: string; } \ No newline at end of file diff --git a/src/files-ui/components/file-mosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.tsx b/src/files-ui/components/file-mosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.tsx index c2680da5efb6129547c371f737f4d847d106c108..6555401db0a06f589edf8c079d50cdd875408f0f 100644 --- a/src/files-ui/components/file-mosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.tsx +++ b/src/files-ui/components/file-mosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.tsx @@ -14,7 +14,8 @@ const FileMosaicMainLayer: React.FC<FileMosaicMainLayerProps> = ( props: FileMosaicMainLayerProps ) => { const { - darkMode,deleteIcon, + darkMode, + deleteIcon, downloadIcon, imageIcon, infoIcon, @@ -52,7 +53,9 @@ const FileMosaicMainLayer: React.FC<FileMosaicMainLayerProps> = ( uploadStatus={uploadStatus} localization={localization} /> - {isActive && <FileMosaicSize sizeFormatted={sizeFormatted} />} + {isActive && sizeFormatted && ( + <FileMosaicSize sizeFormatted={sizeFormatted} /> + )} </div> <div className="file-mosaic-footer-right"> {isActive && ( diff --git a/src/files-ui/components/file-mosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayerProps.ts b/src/files-ui/components/file-mosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayerProps.ts index 7f8fcfa000089c98d798d42fa44aae4c8770fd57..d1858a20c978cbc73d35af42a89d2f7492cc3490 100644 --- a/src/files-ui/components/file-mosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayerProps.ts +++ b/src/files-ui/components/file-mosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayerProps.ts @@ -10,7 +10,7 @@ export interface FileMosaicMainLayerProps { uploadStatus?: UPLOADSTATUS; localization?: Localization; - sizeFormatted: string; + sizeFormatted?: string; imageIcon: boolean; onSee: ((imageSource: string | undefined) => void) | undefined; diff --git a/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.tsx b/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.tsx index 1d6851373e282163a8ccf028d19f237532f5b3a3..7fb983dbcbdd35ac3a380ea8d93123f4437c01f6 100644 --- a/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.tsx +++ b/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.tsx @@ -65,10 +65,9 @@ const FileMosaic: React.FC<FileMosaicProps> = (props: FileMosaicProps) => { onDoubleClick, onClick, onRightClick, - smartImgFit="orientation", + smartImgFit = "orientation", } = props; -//localizers - + //localizers //ref for anchor download element const downloadRef = React.useRef<HTMLAnchorElement>(null); @@ -116,10 +115,7 @@ const FileMosaic: React.FC<FileMosaicProps> = (props: FileMosaicProps) => { ); //The size formatted and rounded in 2 decimals - const sizeFormatted: string = localSize - ? fileSizeFormater(localSize) - : "0 KB"; - + const sizeFormatted: string| undefined = fileSizeFormater(localSize); //alwaysActive const [showInfo, setShowInfo] = React.useState<boolean>(false); @@ -210,7 +206,6 @@ const FileMosaic: React.FC<FileMosaicProps> = (props: FileMosaicProps) => { onAbort?.(id); }; - if (isReady) return ( <div diff --git a/src/files-ui/core/utils/fileSizeFormatter.ts b/src/files-ui/core/utils/fileSizeFormatter.ts index 6e19ce5fa45efc43270234dab7bc07f241baac60..ac23dff950338194e014311e65837ff54da70629 100644 --- a/src/files-ui/core/utils/fileSizeFormatter.ts +++ b/src/files-ui/core/utils/fileSizeFormatter.ts @@ -2,10 +2,10 @@ * Gives a XX.XX format in Bytes KB, MB, GB or TB * @param fileSize file size to give format in Bytes */ - export const fileSizeFormater = (fileSize?: number): string => { + export const fileSizeFormater = (fileSize?: number | false): string| undefined => { let result = ""; if (!fileSize) { - return 0 + " Bytes"; + return undefined; } if (fileSize < 1024) { result = fileSize + " Bytes"