mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-22 19:14:52 +01:00
Code Issues Projects Releases Wiki Activity

Fix errors and simplify code

Browse Source
This commit is contained in:
RMidhunSuresh 2022-08-17 13:13:20 +05:30
parent 8e2838264f
commit 220144898b
2 changed files with 22 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/domain/session/room/timeline/tiles/GapTile.js
View File

@ -26,21 +26,22 @@ export class GapTile extends SimpleTile {
this._error = null;
this._isAtTop = true;
this._siblingChanged = false;
this._showSpinner = false;
}
async fill() {
if (!this._loading && !this._entry.edgeReached) {
this._loading = true;
this._error = null;
this._showSpinner = true;
this.emitChange("isLoading");
try {
await this._room.fillGap(this._entry, 10);
} catch (err) {
console.error(`room.fillGap(): ${err.message}:\n${err.stack}`);
this._error = err;
this._loading = false;
this.emitChange("error");
if (err instanceof ConnectionError) {
this.emitChange("error");
/*
We need to wait for reconnection here rather than in
notifyVisible() because when we return/throw here
@ -49,13 +50,13 @@ export class GapTile extends SimpleTile {
resulting in multiple error entries in logs and elsewhere!
*/
await this._waitForReconnection();
return true;
}
// rethrow so caller of this method
// knows not to keep calling this for now
throw err;
} finally {
this._loading = false;
this._showSpinner = false;
this.emitChange("isLoading");
}
return true;
@ -128,13 +129,17 @@ export class GapTile extends SimpleTile {
return this._loading;
}
get showSpinner() {
return this._showSpinner;
}
get error() {
if (this._error) {
if (this._error instanceof ConnectionError) {
return { message: "Waiting for reconnection", showSpinner: true };
return "Waiting for reconnection";
}
const dir = this._entry.prev_batch ? "previous" : "next";
return { message: `Could not load ${dir} messages: ${this._error.message}`, showSpinner: false };
return `Could not load ${dir} messages: ${this._error.message}`;
}
return null;
}

30
src/platform/web/ui/session/room/timeline/GapView.js
View File

@ -30,24 +30,18 @@ export class GapView extends TemplateView {
isAtTop: vm => vm.isAtTop,
};
return t.li({ className }, [
t.map(vm => vm.isLoading,
(isLoading, t, vm) => {
let elements;
const error = vm.error;
if (error) {
elements = [t.strong(() => error.message)];
if (error.showSpinner) {
elements.unshift(spinner(t));
}
}
else if (isLoading) {
elements = [spinner(t), t.span(vm.i18n`Loading more messages …`)];
}
else {
elements = t.span(vm.i18n`Not loading!`);
}
return t.div({ className: "GapView__container" }, elements);
})
t.if(vm => vm.showSpinner, (t) => spinner(t)),
t.span(vm => {
if (vm.error) {
return vm.error;
}
else if (vm.isLoading) {
return "Loading";
}
else {
return "Not Loading";
}
})
]);
}