fix: use new endpoint for crate owner invites

app/components/seek-pagination.hbs

@@ -0,0 +1,7 @@
+{{#if @pagination.nextPage}}
+  <nav local-class='seek-pagination' aria-label="Pagination navigation">
+    <LinkTo @query={{hash [email protected]}} 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,5 @@
+.seek-pagination {
+  text-align: center;
+  font-size: 90%;
+  margin-bottom: 20px;
+}

app/controllers/me/pending-invites.js

@@ -0,0 +1,10 @@
+import Controller from '@ember/controller';
+
+import { reads } from 'macro-decorators';
+
+import { pagination } from '../../utils/seek-pagination';
+
+export default class PendingInvitesController extends Controller {
+  @reads('model.meta.next_page') nextPage;
+  @pagination() pagination;
+}

app/routes/me/pending-invites.js

@@ -5,7 +5,11 @@ import AuthenticatedRoute from '../-authenticated-route';
 export default class PendingInvitesRoute extends AuthenticatedRoute {
   @service store;
 
-  model() {
-    return this.store.findAll('crate-owner-invite');
+  queryParams = {
+    seek: { refreshModel: true },
+  };
+
+  model(params) {
+    return this.store.query('crate-owner-invite', params);
   }
 }

app/templates/me/pending-invites.hbs

@@ -9,3 +9,5 @@
     <p local-class="row" data-test-empty-state>You don't seem to have any pending invitations.</p>
   {{/each}}
 </div>
+
+<SeekPagination @pagination={{this.pagination}} />

app/utils/seek-pagination.js

@@ -0,0 +1,12 @@
+import macro from 'macro-decorators';
+
+export function pagination() {
+  return macro(function () {
+    const { nextPage } = this;
+    const nextPageParams = new URLSearchParams(nextPage);
+
+    return {
+      nextPage: nextPageParams.get('seek'),
+    };
+  });
+}

mirage/route-handlers/me.js

@@ -98,13 +98,20 @@ export function register(server) {
     return { ok: true };
   });
 
-  server.get('/api/v1/me/crate_owner_invitations', function (schema) {
+  server.get('/api/private/crate_owner_invitations', function (schema, request) {
     let { user } = getSession(schema);
     if (!user) {
       return new Response(403, {}, { errors: [{ detail: 'must be logged in to perform that action' }] });
     }
 
-    return schema.crateOwnerInvitations.where({ inviteeId: user.id });
+    const { start, end } = pageParams(request);
+    const invites = schema.crateOwnerInvitations.where({ inviteeId: user.id });
+
+    let response = this.serialize(invites.slice(start, end));
+
+    response.meta = { total: invites.length };
+
+    return response;
   });
 
   server.put('/api/v1/me/crate_owner_invitations/:crate_id', (schema, request) => {