...

1 files changed, 10 insertions, 10 deletions

diff --git a/FrontEnd/src/app/views/timeline-common/Timeline.tsx b/FrontEnd/src/app/views/timeline-common/Timeline.tsx
index f2c38aeb..f7f7dcfc 100644
--- a/FrontEnd/src/app/views/timeline-common/Timeline.tsx
+++ b/FrontEnd/src/app/views/timeline-common/Timeline.tsx
@@ -73,22 +73,22 @@ const Timeline: React.FC<TimelineProps> = (props) => {
   }, [timelineName, reloadKey]);
 
   React.useEffect(() => {
-    if (Array.isArray(posts)) {
+    if (state === "loaded") {
       onLoad?.();
     }
-  }, [posts, onLoad]);
+  }, [state, onLoad]);
 
   switch (state) {
     case "loading":
       return (
-        <div>
-          <TimelineTop
-            lineProps={{
-              center: "loading",
-              startSegmentLength: 56,
-            }}
-          />
-        </div>
+        <TimelineTop
+          className="timeline-top-loading-enter"
+          height={100}
+          lineProps={{
+            center: "loading",
+            startSegmentLength: 56,
+          }}
+        />
       );
     case "offline":
       return (