ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

File: Show precise file size when downloading (#6502)

Browse Source
This commit is contained in:
zubiden 2025-11-22 12:54:13 +01:00 committed by Alexander Zinchuk
parent 9738c34242
commit a52b0bf8ae
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/AnimatedFileSize.tsx
View File

@ -67,7 +67,7 @@ const AnimatedFileSize = ({
useUnmountCleanup(resetAnimation); useUnmountCleanup(resetAnimation);
const currentSizeString = formatFileSize(lang, currentSize); const currentSizeString = formatFileSize(lang, currentSize, 2);
const totalSizeString = formatFileSize(lang, size); const totalSizeString = formatFileSize(lang, size);
if (progress === undefined || progress === 1) { if (progress === undefined || progress === 1) {

8
src/components/common/File.scss
View File

@ -179,12 +179,10 @@
line-height: 0.9375rem; line-height: 0.9375rem;
color: var(--secondary-color); color: var(--secondary-color);
text-overflow: ellipsis; text-overflow: ellipsis;
}
span + span { .bullet {
&::before { padding-inline: 0.25rem;
content: "\00a0\2022\00a0";
}
}
} }
&.smaller { &.smaller {

9
src/components/common/File.tsx
View File

@ -151,10 +151,15 @@ const File = ({
<div className="file-title" dir="auto" title={name}>{renderText(name)}</div> <div className="file-title" dir="auto" title={name}>{renderText(name)}</div>
<div className="file-subtitle" dir="auto"> <div className="file-subtitle" dir="auto">
<AnimatedFileSize size={size} progress={isTransferring ? transferProgress : undefined} /> <AnimatedFileSize size={size} progress={isTransferring ? transferProgress : undefined} />
{sender && <span className="file-sender">{renderText(sender)}</span>} {sender && (
<>
<span className="bullet">&bull;</span>
<span className="file-sender">{renderText(sender)}</span>
</>
)}
{!sender && Boolean(timestamp) && ( {!sender && Boolean(timestamp) && (
<> <>
<span className="bullet" /> <span className="bullet">&bull;</span>
<Link onClick={onDateClick}>{formatMediaDateTime(oldLang, timestamp * 1000, true)}</Link> <Link onClick={onDateClick}>{formatMediaDateTime(oldLang, timestamp * 1000, true)}</Link>
</> </>
)} )}