commit c416938ff9cad96ffa8da5ab29ff36363f3e6a95 · pdsls.dev/pdsls

+17 -6
src/components/backlinks.tsx
···

       10
       10
        
       import { localDateFromTimestamp } from "../utils/date.js";

     

       11
       11
        
       import { Button } from "./button.jsx";

     

       12
       12
        
       

     

       13
       13
       -
       // the actual backlink api will probably become closer to this

     

       13
       13
       +
       type Backlink = {

     

       14
       14
       +
         collection: string;

     

       15
       15
       +
         path: string;

     

       16
       16
       +
         counts: { distinct_dids: number; records: number };

     

       17
       17
       +
       };

     

       18
       18
       +
       

     

       14
       19
        
       const linksBySource = (links: Record<string, any>) => {

     

       15
       15
       -
         let out: any[] = [];

     

       20
       20
       +
         let out: Backlink[] = [];

     

       16
       21
        
         Object.keys(links)

     

       17
       22
        
           .toSorted()

     

       18
       23
        
           .forEach((collection) => {

     
···

       50
       55
        
               {({ collection, path, counts }) => (

     

       51
       56
        
                 <div>

     

       52
       57
        
                   <div>

     

       53
       53
       -
                     <div title="Collection containing linking records" class="flex items-center gap-1">

     

       54
       54
       -
                       <span class="iconify lucide--book-text shrink-0"></span>

     

       58
       58
       +
                     <div class="flex items-center gap-1">

     

       59
       59
       +
                       <span

     

       60
       60
       +
                         title="Collection containing linking records"

     

       61
       61
       +
                         class="iconify lucide--book-text shrink-0"

     

       62
       62
       +
                       ></span>

     

       55
       63
        
                       {collection}

     

       56
       64
        
                     </div>

     

       57
       57
       -
                     <div title="Record path where the link is found" class="flex items-center gap-1">

     

       58
       58
       -
                       <span class="iconify lucide--route shrink-0"></span>

     

       65
       65
       +
                     <div class="flex items-center gap-1">

     

       66
       66
       +
                       <span

     

       67
       67
       +
                         title="Record path where the link is found"

     

       68
       68
       +
                         class="iconify lucide--route shrink-0"

     

       69
       69
       +
                       ></span>

     

       59
       70
        
                       {path.slice(1)}

     

       60
       71
        
                     </div>

     

       61
       72
        
                   </div>