From 53e1db25c5956f545b1e3f5203a66a1764fcc28b Mon Sep 17 00:00:00 2001
From: Gabriel Grubba <Grubba27@hotmail.com>
Date: Mon, 30 Jan 2023 12:02:09 -0300
Subject: [PATCH 1/2] Chore: adding publication to solid skeleton

---
 tools/static-assets/skel-solid/server/main.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/tools/static-assets/skel-solid/server/main.js b/tools/static-assets/skel-solid/server/main.js
index 99eab74e29..3eb4465cdb 100644
--- a/tools/static-assets/skel-solid/server/main.js
+++ b/tools/static-assets/skel-solid/server/main.js
@@ -28,4 +28,10 @@ Meteor.startup(async () => {
       url: 'https://forums.meteor.com',
     });
   }
+
+  // We publish the entire Links collection to all clients.
+  // In order to be fetched in real-time to the clients
+  Meteor.publish('links', function () {
+    return LinksCollection.find();
+  });
 });

From a0d2f57fa035021fe7d8593af86979d3b48ff41e Mon Sep 17 00:00:00 2001
From: Gabriel Grubba <Grubba27@hotmail.com>
Date: Mon, 30 Jan 2023 12:02:21 -0300
Subject: [PATCH 2/2] Chore: adding subscription to solid skeleton

---
 .../skel-solid/imports/ui/Info.jsx            | 24 +++++++++++++------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/tools/static-assets/skel-solid/imports/ui/Info.jsx b/tools/static-assets/skel-solid/imports/ui/Info.jsx
index 6f4a441e79..cf6f585c2e 100644
--- a/tools/static-assets/skel-solid/imports/ui/Info.jsx
+++ b/tools/static-assets/skel-solid/imports/ui/Info.jsx
@@ -1,26 +1,36 @@
 import { LinksCollection } from "../api/links";
 import { createSignal, For } from "solid-js";
 import { Tracker } from "meteor/tracker";
+import { Meteor } from "meteor/meteor";
 
 export const Info = () => {
+  const loading = Meteor.subscribe("links");
+  const [isLoading, setIsLoading] = createSignal(loading.ready());
   const [links, setLinks] = createSignal([]);
 
   Tracker.autorun(() => {
+    setIsLoading(loading.ready());
     setLinks(LinksCollection.find().fetch());
   });
 
+  if (isLoading()) {
+    return <div>Loading...</div>;
+  }
+
   return (
     <div>
       <h2>Learn Meteor!</h2>
       <ul>
-        <For each={links()}>{
-          (link) =>
+        <For each={links()}>
+          {(link) => (
             <li>
-              <a href={link.url} target="_blank">{link.title}</a>
+              <a href={link.url} target="_blank">
+                {link.title}
+              </a>
             </li>
-        }</For>
+          )}
+        </For>
       </ul>
     </div>
-  )
-
-}
+  );
+};