From 1e4f3319892fe65f9e875cf91fdeffa3c26e7867 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Mon, 17 Aug 2020 15:13:12 +0200
Subject: [PATCH] fill top gap instead of loading more events from storage

---
 src/domain/session/room/timeline/TilesCollection.js   | 4 ++++
 src/domain/session/room/timeline/TimelineViewModel.js | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/domain/session/room/timeline/TilesCollection.js b/src/domain/session/room/timeline/TilesCollection.js
index 3b8ea7b9..396aba9e 100644
--- a/src/domain/session/room/timeline/TilesCollection.js
+++ b/src/domain/session/room/timeline/TilesCollection.js
@@ -201,6 +201,10 @@ export class TilesCollection extends BaseObservableList {
     get length() {
         return this._tiles.length;
     }
+
+    getFirst() {
+        return this._tiles[0];
+    }
 }
 
 import {ObservableArray} from "../../../../observable/list/ObservableArray.js";
diff --git a/src/domain/session/room/timeline/TimelineViewModel.js b/src/domain/session/room/timeline/TimelineViewModel.js
index 2ab58610..d1a4947d 100644
--- a/src/domain/session/room/timeline/TimelineViewModel.js
+++ b/src/domain/session/room/timeline/TimelineViewModel.js
@@ -44,7 +44,12 @@ export class TimelineViewModel {
 
     // doesn't fill gaps, only loads stored entries/tiles
     loadAtTop() {
-        return this._timeline.loadAtTop(50);
+        const firstTile = this._tiles.getFirst();
+        if (firstTile.shape === "gap") {
+            return firstTile.fill();
+        } else {
+            return this._timeline.loadAtTop(50);
+        }
     }
 
     unloadAtTop(tileAmount) {