mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Loading screen progressbar improvements

Browse source
This commit is contained in:
Fedor Indutny 2023-03-31 16:10:11 -07:00 • committed by GitHub
parent a4055cec40
commit aba8882d0a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 43 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

28
ts/components/Inbox.tsx
View file

@ -202,7 +202,7 @@ export function Inbox({
) * 100;
}
let message = i18n('icu:loading');
let message: string | undefined;
if (envelopeTimestamp !== undefined) {
const daysBeforeMidnight = Math.ceil(
(midnight - envelopeTimestamp) / DAY
@ -224,13 +224,25 @@ export function Inbox({
<div className="module-title-bar-drag-area" />
<div className="module-splash-screen__logo module-img--150" />
<div className="app-loading-screen__progress--container">
<div
className="app-loading-screen__progress--bar"
style={{ transform: `translateX(${loadingProgress - 100}%)` }}
/>
</div>
<div className="message">{message}</div>
{envelopeTimestamp === undefined ? (
<div className="container">
<span className="dot" />
<span className="dot" />
<span className="dot" />
</div>
) : (
<div className="app-loading-screen__progress--container">
<div
className="app-loading-screen__progress--bar"
style={{ transform: `translateX(${loadingProgress - 100}%)` }}
/>
</div>
)}
{message === undefined ? (
<div className="message-placeholder" />
) : (
<div className="message">{message}</div>
)}
<div id="toast" />
</div>
);