···

       
3
       
3
       
 
       
import { $type, ActorIdentifier, InferXRPCBodyOutput } from "@atcute/lexicons";

     

       
4
       
4
       
 
       
import * as TID from "@atcute/tid";

     

       
5
       
5
       
 
       
import { A, useParams } from "@solidjs/router";

     

       
6
       
6
       
-
       
import { createEffect, createResource, createSignal, For, Show, untrack } from "solid-js";

     

       
6
       
6
       
+
       
import {

     

       
7
       
7
       
+
       
  createEffect,

     

       
8
       
8
       
+
       
  createMemo,

     

       
9
       
9
       
+
       
  createResource,

     

       
10
       
10
       
+
       
  createSignal,

     

       
11
       
11
       
+
       
  For,

     

       
12
       
12
       
+
       
  Show,

     

       
13
       
13
       
+
       
  untrack,

     

       
14
       
14
       
+
       
} from "solid-js";

     

       
7
       
15
       
 
       
import { createStore } from "solid-js/store";

     

       
8
       
16
       
 
       
import { Button } from "../components/button.jsx";

     

       
9
       
17
       
 
       
import { JSONType, JSONValue } from "../components/json.jsx";

     
···

       
116
       
124
       
 
       
  };

     

       
117
       
125
       
 
       


     

       
118
       
126
       
 
       
  const [response, { refetch }] = createResource(fetchRecords);

     

       
127
       
127
       
+
       


     

       
128
       
128
       
+
       
  const filteredRecords = createMemo(() =>

     

       
129
       
129
       
+
       
    records.filter((rec) =>

     

       
130
       
130
       
+
       
      filter() ? JSON.stringify(rec.record.value).includes(filter()!) : true,

     

       
131
       
131
       
+
       
    ),

     

       
132
       
132
       
+
       
  );

     

       
119
       
133
       
 
       


     

       
120
       
134
       
 
       
  const deleteRecords = async () => {

     

       
121
       
135
       
 
       
    const recsToDel = records.filter((record) => record.toDelete);

     
···

       
310
       
324
       
 
       
                    <span>{records.filter((rec) => rec.toDelete).length}</span>

     

       
311
       
325
       
 
       
                    <span>/</span>

     

       
312
       
326
       
 
       
                  </Show>

     

       
313
       
313
       
-
       
                  <span>{records.length} records</span>

     

       
327
       
327
       
+
       
                  <span>{filter() ? filteredRecords().length : records.length} records</span>

     

       
314
       
328
       
 
       
                </div>

     

       
315
       
329
       
 
       
                <div class="flex w-20 items-center justify-end">

     

       
316
       
330
       
 
       
                  <Show when={cursor()}>

     
···

       
327
       
341
       
 
       
          </div>

     

       
328
       
342
       
 
       
        </StickyOverlay>

     

       
329
       
343
       
 
       
        <div class="flex max-w-full flex-col px-2 font-mono">

     

       
330
       
330
       
-
       
          <For

     

       
331
       
331
       
-
       
            each={records.filter((rec) =>

     

       
332
       
332
       
-
       
              filter() ? JSON.stringify(rec.record.value).includes(filter()!) : true,

     

       
333
       
333
       
-
       
            )}

     

       
334
       
334
       
-
       
          >

     

       
344
       
344
       
+
       
          <For each={filteredRecords()}>

     

       
335
       
345
       
 
       
            {(record, index) => (

     

       
336
       
346
       
 
       
              <>

     

       
337
       
347
       
 
       
                <Show when={batchDelete()}>