this repo has no description
atproto bluesky typescript express

pagination on mobile

+21 -5
+6 -2
src/routes/mobile.ts
··· 42 42 }); 43 43 44 44 mobile.get("/profile/:handle", async (req: Request, res: Response) => { 45 + const cursor = (req.query.cursor as string) || ""; 45 46 const did = await getActorDid(pubagent, req.params.handle); 46 47 const actor = await getActor(pubagent, did); 47 48 const feed = await getActorFeed(pubagent, did); ··· 50 51 layout: "mobile", 51 52 title: "Bluesky / " + actor.handle, 52 53 actor: actor, 53 - feed: feed, 54 + feed: feed.feed, 55 + cursor: feed.cursor, 54 56 curuser: req.cookies.handle, 55 57 year: new Date().getFullYear(), 56 58 }); ··· 95 97 mobile.get( 96 98 "/profile/:handle/feed/:record", 97 99 async (req: Request, res: Response) => { 100 + const cursor = (req.query.cursor as string) || ""; 98 101 const did = await getActorDid(pubagent, req.params.handle); 99 102 const feed = await getFeed(pubagent, did, req.params.record); 100 103 const feedData = await getFeedData(pubagent, did, req.params.record); ··· 102 105 res.render("mobile/feed", { 103 106 layout: "mobile", 104 107 title: "Bluesky / " + feedData[0].displayName, 105 - feed: feed, 108 + feed: feed.feed, 109 + cursor: feed.cursor, 106 110 feedData: feedData, 107 111 curuser: req.cookies.handle, 108 112 year: new Date().getFullYear(),
+9 -1
views/home.hbs
··· 79 79 </form> 80 80 <h2>Home</h2> 81 81 <div class="hfeed"> 82 - <div class="tab">{{>timeline}}</div> 82 + <div class="tab"> 83 + {{>timeline}} 84 + 85 + <div class="bottom_nav"> 86 + <div class="pagination"> 87 + <a href="?cursor={{cursor}}" class="section_links" rel="prev">Older »</a> 88 + </div> 89 + </div> 90 + </div> 83 91 </div> 84 92 </div> 85 93 </div>
+5 -1
views/mobile/feed.hbs
··· 25 25 {{/each}} 26 26 </ul> 27 27 28 - {{>mobilefooter}} 28 + <div style="text-align:right;font-size:small"> 29 + <div><a href="?cursor={{cursor}}" accesskey="6">Older</a> 6</div> 30 + </div> 31 + 32 + {{>mobilefooter}}
+1 -1
views/mobile/profile.hbs
··· 37 37 </ul> 38 38 39 39 <div style="text-align:right;font-size:small"> 40 - <div><a href="#" accesskey="6">Older</a> 6</div> 40 + <div><a href="?cursor={{cursor}}" accesskey="6">Older</a> 6</div> 41 41 </div> 42 42 43 43 <div class="s"><b>About {{actor.displayName}}</b></div>