fix: provide a seek pagination component

app/components/seek-pagination.hbs

@@ -0,0 +1,7 @@
+  {{#if @pagination.nextPage}}
+<nav local-class='seek-pagination' aria-label="Pagination navigation">
+    <LinkTo @query={{hash seek=@pagination.nextPage}} local-class="next" rel="next" title="Goes to next page" data-test-pagination-next>
+      Next Page
+    </LinkTo>
+</nav>
+  {{/if}}

app/components/seek-pagination.module.css

@@ -0,0 +1,28 @@
+.seek-pagination {
+    text-align: center;
+    font-size: 90%;
+    margin-bottom: 20px;
+
+    ol {
+        list-style: none;
+        padding: 0;
+    }
+    ol, li { display: inline; }
+
+    a {
+        color: var(--main-color-light);
+        text-decoration: none;
+        padding: 5px 6px;
+    }
+    a:hover { background-color: var(--main-bg-dark); }
+    a:global(.active) { background-color: var(--main-bg-dark); }
+
+    img, svg { vertical-align: middle; }
+
+    .next:global(.active),
+    .prev:global(.active),
+    .next:hover,
+    .prev:hover {
+        background: none;
+    }
+}

app/controllers/me/pending-invites.js

@@ -1,14 +1,10 @@
 import Controller from '@ember/controller';
-import { tracked } from '@glimmer/tracking';
 
 import { reads } from 'macro-decorators';
 
-import { pagination } from '../../utils/seek';
+import { pagination } from '../../utils/seek-pagination';
 
 export default class PendingInvitesController extends Controller {
-  queryParams = ['seek'];
-  @tracked seek = 'WzEsIDFd';
-
-  @reads('model.meta.total') totalItems;
+  @reads('model.meta.next_page') nextPage;
   @pagination() pagination;
 }

app/routes/me/pending-invites.js

@@ -6,7 +6,7 @@ export default class PendingInvitesRoute extends AuthenticatedRoute {
   @service store;
 
   queryParams = {
-    page: { refreshModel: true },
+    seek: { refreshModel: true },
   };
 
   model(params) {

app/templates/me/pending-invites.hbs

@@ -10,4 +10,4 @@
   {{/each}}
 </div>
 
-<Pagination @pagination={{this.pagination}} />
+<SeekPagination @pagination={{this.pagination}} />

app/utils/seek-pagination.js

@@ -0,0 +1,12 @@
+import macro from 'macro-decorators';
+
+export function pagination() {
+  return macro(function () {
+    let { nextPage, totalItems } = this;
+
+    return {
+      nextPage,
+      totalItems,
+    };
+  });
+}

src/controllers/crate_owner_invitation.rs

@@ -136,6 +136,7 @@ fn prepare_list(
         Page::Unspecified => query.load(&*conn)?,
         Page::Seek(s) => {
             let seek_key: (i32, i32) = s.decode()?;
+            println!("{} {}", seek_key.0, seek_key.1);
             query
                 .filter(
                     crate_owner_invitations::crate_id.gt(seek_key.0).or(
@@ -154,15 +155,12 @@ fn prepare_list(
         raw_invitations.pop();
 
         if let Some(last) = raw_invitations.last() {
-            let mut params = IndexMap::new();
-            params.insert(
-                "seek".into(),
-                crate::controllers::helpers::pagination::encode_seek((
-                    last.crate_id,
-                    last.invited_user_id,
-                ))?,
-            );
-            Some(req.query_with_params(params))
+            let seek_key = crate::controllers::helpers::pagination::encode_seek((
+                last.crate_id,
+                last.invited_user_id,
+            ))?;
+
+            Some(seek_key)
         } else {
             None
         }