[ popular ] added spinner while computing messages ranking

Author: soapdog

lib/depject/page/html/render/popular.js

@@ -492,7 +492,6 @@ exports.create = function (api) {
       sbot = s;
 
       popular({ period, page: 1 }).then((r) => {
-        console.log("popular", r);
         messages.set(r);
       }).catch((n) => {
         console.error(n);
@@ -534,13 +533,20 @@ exports.create = function (api) {
 
     // replace here
     const filters = api.settings.obs.get("filters");
+    const loading = computed([messages], (ms) => {
+      return ms.length == 0;
+    });
     const feedView = h("Scroller", [
       h("div.wrapper", [
         h("h1", `Popular posts this ${period}`),
         h("section.prepend", prepend),
-        map(messages, (m) => {
-          return h("FeedEvent -post", [api.message.html.render(m)]);
-        }),
+        when(
+          loading,
+          h("Loading -large"),
+          map(messages, (m) => {
+            return h("FeedEvent -post", [api.message.html.render(m)]);
+          }),
+        ),
       ]),
     ]);