atmosphere explorer
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix reverse button color and sticky bg transition

Juliet abb98c37 d86fa447

+8 -3
+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>