fix: avoid showing "No items found" stats in <ItemsList /> (denolan…

…d#559)

fixes denoland#472 

@iuioiua this is as simple as I got, without being too intrusive; I
personally like it; the problem was a bug regarding the state change of
the variable `isLoadingSig`, I was able to avoid it by initializing the
variable as `undefined` and bypassing it with the conditional rendering
not sure if is worth taking another look at it some other time.

Note: The simplicity of this PR does not reflect at all the time that
took me to get there — just for the record.

---------

Co-authored-by: Asher Gomez <[email protected]>

islands/ItemsList.tsx

@@ -1,7 +1,7 @@
 // Copyright 2023 the Deno authors. All rights reserved. MIT license.
 import { useComputed, useSignal } from "@preact/signals";
 import { useEffect } from "preact/hooks";
-import type { Item, User } from "@/utils/db.ts";
+import { type Item } from "@/utils/db.ts";
 import { LINK_STYLES } from "@/utils/constants.ts";
 import IconInfo from "tabler_icons_tsx/info-circle.tsx";
 import ItemSummary from "@/components/ItemSummary.tsx";
@@ -40,7 +40,7 @@ export default function ItemsList(
   const itemsSig = useSignal<Item[]>([]);
   const votedItemsIdsSig = useSignal<string[]>([]);
   const cursorSig = useSignal("");
-  const isLoadingSig = useSignal(false);
+  const isLoadingSig = useSignal<boolean | undefined>(undefined);
   const itemsAreVotedSig = useComputed(() =>
     itemsSig.value.map((item) => votedItemsIdsSig.value.includes(item.id))
   );
@@ -75,6 +75,10 @@ export default function ItemsList(
       .finally(() => loadMoreItems());
   }, []);
 
+  if (isLoadingSig.value === undefined) {
+    return <p class={LINK_STYLES}>Loading...</p>;
+  }
+
   return (
     <div>
       {itemsSig.value.length