feat(media): pagination

web/src/views/__tests__/MediaDuplicates.spec.ts

@@ -79,7 +79,7 @@ beforeEach(() => {
 afterEach(unmountPage)
 
 describe('The Duplicates tab', () => {
-	it('is enabled, writes the URL, requests filter=duplicates with limit=100 and shows sort and view', async () => {
+	it('is enabled, writes the URL, requests filter=duplicates at size 100 and shows sort and view', async () => {
 		await mountPage({ list: duplicatesList() })
 		expect(document.body.querySelector('[aria-label="Sort"]')).not.toBeNull()
 
@@ -90,7 +90,7 @@ describe('The Duplicates tab', () => {
 		await settle()
 
 		expect(router.currentRoute.value.query).toEqual({ filter: 'duplicates' })
-		expect(lastListPath()).toBe('/v1/media/?filter=duplicates&sort=newest&limit=100')
+		expect(lastListPath()).toBe('/v1/media/?filter=duplicates&sort=newest&page=1&size=100')
 		expect(tab('Duplicates').getAttribute('aria-selected')).toBe('true')
 		expect(tabs().map(textOf)).toEqual(['All 12', 'Unused 2', 'Duplicates 2'])
 		expect(document.body.querySelector('[data-testid="duplicates-count"]')?.textContent).toBe(
@@ -123,7 +123,9 @@ describe('The Duplicates tab', () => {
 		vi.advanceTimersByTime(120)
 		await flushPromises()
 
-		expect(lastListPath()).toBe('/v1/media/?q=floor&filter=duplicates&sort=newest&limit=100')
+		expect(lastListPath()).toBe(
+			'/v1/media/?q=floor&filter=duplicates&sort=newest&page=1&size=100',
+		)
 	})
 })