commit c54cfd201b032de7a898ff1e408b57146f8e1401 · pdsls.dev/pdsls

+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
       33
       -
               <p>

     

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

     

       35
       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
       50
       -
             <Show when={cursor()}>

     

       51
       51
       -
               <div class="dark:bg-dark-500 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100 py-3">

     

       52
       52
       -
                 <Show when={!response.loading}>

     

       47
       47
       +
             <div class="dark:bg-dark-500 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100 py-2">

     

       48
       48
       +
               <div class="flex flex-col items-center gap-1 pb-2">

     

       49
       49
       +
                 <p>

     

       50
       50
       +
                   {blobs()?.length} blob{(blobs()?.length ?? 0 > 1) ? "s" : ""}

     

       51
       51
       +
                 </p>

     

       52
       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
       59
       -
             </Show>

     

       59
       59
       +
             </div>

     

       60
       60
        
           </div>

     

       61
       61
        
         );

     

       62
       62
        
       };