atmosphere explorer
pds.ls
tool
typescript
atproto
add reverse param to collection page
+7
-3
+7
-3
src/views/collection.tsx
+7
-3
src/views/collection.tsx
···
3
3
import { $type, ActorIdentifier, InferXRPCBodyOutput } from "@atcute/lexicons";
4
4
import * as TID from "@atcute/tid";
5
5
import { Title } from "@solidjs/meta";
6
-
import { A, useBeforeLeave, useParams } from "@solidjs/router";
6
+
import { A, useBeforeLeave, useParams, useSearchParams } from "@solidjs/router";
7
7
import {
8
8
createEffect,
9
9
createMemo,
···
91
91
92
92
const CollectionView = () => {
93
93
const params = useParams();
94
+
const [searchParams, setSearchParams] = useSearchParams();
94
95
const [cursor, setCursor] = createSignal<string>();
95
96
const [records, setRecords] = createStore<AtprotoRecord[]>([]);
96
97
const [filter, setFilter] = createSignal<string>();
97
98
const [batchDelete, setBatchDelete] = createSignal(false);
98
99
const [lastSelected, setLastSelected] = createSignal<number>();
99
-
const [reverse, setReverse] = createSignal(false);
100
+
const [reverse, setReverse] = createSignal(searchParams.reverse === "true");
100
101
const [recreate, setRecreate] = createSignal(false);
101
102
const [openDelete, setOpenDelete] = createSignal(false);
102
103
const [restoredFromCache, setRestoredFromCache] = createSignal(false);
···
112
113
setRecords(cached.records as AtprotoRecord[]);
113
114
setCursor(cached.cursor);
114
115
setReverse(cached.reverse);
116
+
setSearchParams({ reverse: cached.reverse ? "true" : undefined });
115
117
setRestoredFromCache(true);
116
118
requestAnimationFrame(() => {
117
119
window.scrollTo(0, cached.scrollY);
···
358
360
<div class="flex items-center justify-between gap-x-2">
359
361
<Button
360
362
onClick={() => {
361
-
setReverse(!reverse());
363
+
const newReverse = !reverse();
364
+
setReverse(newReverse);
365
+
setSearchParams({ reverse: newReverse ? "true" : undefined });
362
366
setCursor(undefined);
363
367
setRestoredFromCache(false);
364
368
clearCollectionCache(cacheKey());