futur.blue
forked from
pds.ls/pdsls
this repo has no description
show blob count under list
handle.invalid
+7
-7
src/views/blob.tsx
+7
-7
src/views/blob.tsx
···
30
30
return (
31
31
<div class="flex flex-col items-center gap-2">
32
32
<Show when={blobs() || response()}>
33
-
<p>
34
-
{blobs()?.length} blob{(blobs()?.length ?? 0 > 1) ? "s" : ""}
35
-
</p>
36
33
<div class="flex flex-col gap-0.5 font-mono text-sm wrap-anywhere lg:break-normal">
37
34
<For each={blobs()}>
38
35
{(cid) => (
···
47
44
</For>
48
45
</div>
49
46
</Show>
50
-
<Show when={cursor()}>
51
-
<div class="dark:bg-dark-500 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100 py-3">
52
-
<Show when={!response.loading}>
47
+
<div class="dark:bg-dark-500 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100 py-2">
48
+
<div class="flex flex-col items-center gap-1 pb-2">
49
+
<p>
50
+
{blobs()?.length} blob{(blobs()?.length ?? 0 > 1) ? "s" : ""}
51
+
</p>
52
+
<Show when={!response.loading && cursor()}>
53
53
<Button onClick={() => refetch()}>Load More</Button>
54
54
</Show>
55
55
<Show when={response.loading}>
56
56
<span class="iconify lucide--loader-circle animate-spin py-3.5 text-xl"></span>
57
57
</Show>
58
58
</div>
59
-
</Show>
59
+
</div>
60
60
</div>
61
61
);
62
62
};