atmosphere explorer
pds.ls
tool
typescript
atproto
reverse button
+13
-13
+13
-13
src/views/collection.tsx
+13
-13
src/views/collection.tsx
···
208
208
/>
209
209
</div>
210
210
<div class="flex items-center gap-x-2">
211
-
<label class="flex select-none items-center gap-x-1">
212
-
<input
213
-
type="checkbox"
214
-
checked={reverse()}
215
-
onchange={async (e) => {
216
-
setReverse(e.currentTarget.checked);
217
-
setRecords([]);
218
-
setCursor(undefined);
219
-
await fetchRecords();
220
-
}}
221
-
/>
211
+
<button
212
+
type="button"
213
+
onclick={async () => {
214
+
setReverse(!reverse());
215
+
setRecords([]);
216
+
setCursor(undefined);
217
+
await fetchRecords();
218
+
}}
219
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 dark:shadow-dark-900/80 flex items-center gap-1 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50"
220
+
>
221
+
<div class={`${reverse() ? "i-lucide-rotate-ccw" : "i-lucide-rotate-cw"} text-sm`} />
222
222
Reverse
223
-
</label>
223
+
</button>
224
224
<div>
225
225
<Show when={batchDelete()}>
226
226
<span>{records.filter((rec) => rec.toDelete).length}</span>
···
231
231
</span>
232
232
</div>
233
233
<Show when={cursor()}>
234
-
<div class="flex h-[2rem] w-[5.5rem] items-center justify-center text-nowrap">
234
+
<div class="flex w-[5rem] items-center justify-center">
235
235
<Show when={!response.loading}>
236
236
<button
237
237
type="button"