atmosphere explorer
pds.ls
tool
typescript
atproto
only show reverse button when >1 record
+15
-13
+15
-13
src/views/collection.tsx
+15
-13
src/views/collection.tsx
···
208
208
/>
209
209
</div>
210
210
<div class="flex items-center gap-x-2">
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
-
Reverse
223
-
</button>
211
+
<Show when={records.length > 1}>
212
+
<button
213
+
type="button"
214
+
onclick={async () => {
215
+
setReverse(!reverse());
216
+
setRecords([]);
217
+
setCursor(undefined);
218
+
await fetchRecords();
219
+
}}
220
+
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"
221
+
>
222
+
<div class={`${reverse() ? "i-lucide-rotate-ccw" : "i-lucide-rotate-cw"} text-sm`} />
223
+
Reverse
224
+
</button>
225
+
</Show>
224
226
<div>
225
227
<Show when={batchDelete()}>
226
228
<span>{records.filter((rec) => rec.toDelete).length}</span>