forked from
pds.ls/pdsls
atmosphere explorer
fix reverse button color and sticky bg transition
+8
-3
+8
-3
src/views/collection.tsx
+8
-3
src/views/collection.tsx
···
141
141
}
142
142
if (restoredFromCache()) setRestoredFromCache(false);
143
143
144
+
const isLoadMore = cursor() !== undefined;
145
+
144
146
if (!pds) pds = await resolvePDS(did!);
145
147
if (!rpc) rpc = new Client({ handler: simpleFetchHandler({ service: pds }) });
146
148
const res = await rpc.get("com.atproto.repo.listRecords", {
···
165
167
toDelete: false,
166
168
});
167
169
});
168
-
setRecords(records.concat(tmpRecords) ?? tmpRecords);
170
+
setRecords(isLoadMore ? records.concat(tmpRecords) : tmpRecords);
169
171
return res.data.records;
170
172
};
171
173
···
354
356
<Button
355
357
onClick={() => {
356
358
setReverse(!reverse());
357
-
setRecords([]);
358
359
setCursor(undefined);
359
360
clearCollectionCache(cacheKey());
360
361
refetch();
361
362
}}
363
+
classList={{
364
+
"text-blue-500! dark:text-blue-400! border-blue-500! dark:border-blue-400!":
365
+
reverse(),
366
+
}}
362
367
>
363
368
<span
364
-
class={`iconify ${reverse() ? "lucide--clock-arrow-down" : "lucide--clock-arrow-up"}`}
369
+
class={`iconify ${reverse() ? "lucide--arrow-down-wide-narrow" : "lucide--arrow-up-narrow-wide"}`}
365
370
></span>
366
371
Reverse
367
372
</Button>