checkpoint here...

1 files changed, 31 insertions, 0 deletions

diff --git a/bs5/universal/native/shared/NoteListSkeleton.re b/bs5/universal/native/shared/NoteListSkeleton.re
new file mode 100644
index 0000000..a72ee2e
--- /dev/null
+++ b/bs5/universal/native/shared/NoteListSkeleton.re
@@ -0,0 +1,31 @@
+[@react.component]
+let make = () => {
+  <div className="mt-8">
+    <ul className="flex flex-col">
+      <li className="v-stack">
+        <div
+          className={Cx.make([
+            Theme.background(Theme.Color.Gray4),
+            "animate-pulse relative mb-3 p-4 w-full flex justify-between items-start flex-wrap h-[150px] transition-[max-height] ease-out rounded-md",
+          ])}
+        />
+      </li>
+      <li className="v-stack">
+        <div
+          className={Cx.make([
+            Theme.background(Theme.Color.Gray4),
+            "animate-pulse relative mb-3 p-4 w-full flex justify-between items-start flex-wrap h-[150px] transition-[max-height] ease-out rounded-md",
+          ])}
+        />
+      </li>
+      <li className="v-stack">
+        <div
+          className={Cx.make([
+            Theme.background(Theme.Color.Gray4),
+            "animate-pulse relative mb-3 p-4 w-full flex justify-between items-start flex-wrap h-[150px] transition-[max-height] ease-out rounded-md",
+          ])}
+        />
+      </li>
+    </ul>
+  </div>;
+};