···

       
30
       
 
       
  return (

     

       
31
       
 
       
    <div class="flex flex-col items-center gap-2">

     

       
32
       
 
       
      <Show when={blobs() || response()}>

     

       
33
       
-
       
        <p>

     

       
34
       
-
       
          {blobs()?.length} blob{(blobs()?.length ?? 0 > 1) ? "s" : ""}

     

       
35
       
-
       
        </p>

     

       
36
       
 
       
        <div class="flex flex-col gap-0.5 font-mono text-sm wrap-anywhere lg:break-normal">

     

       
37
       
 
       
          <For each={blobs()}>

     

       
38
       
 
       
            {(cid) => (

     
···

       
47
       
 
       
          </For>

     

       
48
       
 
       
        </div>

     

       
49
       
 
       
      </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}>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
53
       
 
       
            <Button onClick={() => refetch()}>Load More</Button>

     

       
54
       
 
       
          </Show>

     

       
55
       
 
       
          <Show when={response.loading}>

     

       
56
       
 
       
            <span class="iconify lucide--loader-circle animate-spin py-3.5 text-xl"></span>

     

       
57
       
 
       
          </Show>

     

       
58
       
 
       
        </div>

     

       
59
       
-
       
      </Show>

     

       
60
       
 
       
    </div>

     

       
61
       
 
       
  );

     

       
62
       
 
       
};

     

···

       
30
       
 
       
  return (

     

       
31
       
 
       
    <div class="flex flex-col items-center gap-2">

     

       
32
       
 
       
      <Show when={blobs() || response()}>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
33
       
 
       
        <div class="flex flex-col gap-0.5 font-mono text-sm wrap-anywhere lg:break-normal">

     

       
34
       
 
       
          <For each={blobs()}>

     

       
35
       
 
       
            {(cid) => (

     
···

       
44
       
 
       
          </For>

     

       
45
       
 
       
        </div>

     

       
46
       
 
       
      </Show>

     

       
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
       
 
       
            <Button onClick={() => refetch()}>Load More</Button>

     

       
54
       
 
       
          </Show>

     

       
55
       
 
       
          <Show when={response.loading}>

     

       
56
       
 
       
            <span class="iconify lucide--loader-circle animate-spin py-3.5 text-xl"></span>

     

       
57
       
 
       
          </Show>

     

       
58
       
 
       
        </div>

     

       
59
       
+
       
      </div>

     

       
60
       
 
       
    </div>

     

       
61
       
 
       
  );

     

       
62
       
 
       
};