browsertrix/frontend
Emma Segal-Grossman 76ab3e7eaa
Add grid view to collection list (#2403)
Closes #2498 

Yay for consistency!

## Changes

Adds a grid view to the collections list, alongside the default list
view.

- Refactors edit dialog into `collections-grid-with-edit-dialog`
component for dashboard — collections list already has its own edit
dialog, so no need for this to be duplicated in the grid component
- Adds getter/setter for `page` property of pagination component, which
fixes the dashboard not switching back to page 1 when switching between
"Public" and "All" collection views

## Manual testing

1. On the collections list page, click between "View as Grid" and "View
as List" in the toolbar
2. Verify that pagination, the collection editing dialog, and the action
menu works in grid view
3. On the dashboard in an org with multiple pages of collections, switch
to the second page of "All" collections, then switch back to "Public"
collections. Verify that the page search param disappears when switching
between views.

## Screenshots

| Page | Screenshot |
|--------|--------|
| Collection list | <img width="1282" alt="Screenshot 2025-04-17 at 3 46
55 PM"
src="https://github.com/user-attachments/assets/f6dff74f-d56e-48f6-8d44-11b84bacbafb"
/> |
| Collection list (detail) | <img width="165" alt="Screenshot 2025-04-17
at 3 46 29 PM"
src="https://github.com/user-attachments/assets/3442c5e4-a67f-46a2-b475-ee4d3d1e0259"
/> |

---



Remaining things to do:
- [x] Add full actions menu from list view to grid view, instead of just
having pencil icon
- [x] Reuse collection editing dialog from existing list view, instead
of the grid view having its own separate dialog instance
2025-04-23 14:08:50 -04:00
..
.husky chore: Auto-commit extracted localization strings (#2089) 2024-09-30 10:48:13 -07:00
.storybook devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00
config Remove ANALYTICS_NAMESPACE, as it's only usable at build time (#2293) 2025-01-13 20:13:30 -08:00
docs devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00
lib Localize durations on frontend (#2196) 2024-12-03 16:46:57 -05:00
patches
public Add basic opengraph & twitter card tags & image to browsertrix root (#2547) 2025-04-08 19:23:26 -04:00
scripts deps: Improve Webpack build performance (#2288) 2025-01-14 12:55:12 -08:00
src Add grid view to collection list (#2403) 2025-04-23 14:08:50 -04:00
tests test: Update Playwright E2E test settings (#2247) 2024-12-16 17:36:21 -08:00
xliff Translations update from Hosted Weblate (#2467) (#2471) 2025-03-07 12:40:43 -08:00
.dockerignore devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00
.editorconfig
.eslintrc.js devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00
.gitignore devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00
.prettierignore Frontend hosted-docs (#2107) 2024-10-08 14:56:34 -07:00
.vscode add vscode config symlink in frontend dir 2023-11-20 16:56:48 -05:00
.yarnrc deps: Upgrade to Node 22 (#2274) 2025-01-07 11:58:23 -08:00
00-browsertrix-nginx-init.sh feat: Track collection events (#2256) 2025-01-13 15:15:49 -08:00
custom-elements-manifest.config.mjs devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00
Dockerfile quickfix: add missing dependency for docs (#2388) 2025-02-12 16:39:06 -05:00
frontend.conf.template misc fixes: cors + disable buffering for uploads (#2395) 2025-02-13 19:38:20 -08:00
index.d.ts feat: Collection thumbnails, start page, and public view updates (#2209) 2025-01-13 15:15:48 -08:00
lit-localize.json Add new locales (#2240) 2024-12-13 19:59:09 -08:00
minio.conf
package.json devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00
playwright.config.ts test: Update Playwright E2E test settings (#2247) 2024-12-16 17:36:21 -08:00
postcss.config.js Add detailed permissions & permission summaries to user invite popup (#2003) 2024-08-20 20:34:29 -04:00
prettier.config.js devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00
README.md
sample.env.local Remove ANALYTICS_NAMESPACE, as it's only usable at build time (#2293) 2025-01-13 20:13:30 -08:00
tailwind.config.js deps: Upgrade to Node 22 (#2274) 2025-01-07 11:58:23 -08:00
tsconfig.eslint.json
tsconfig.json devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00
vendor.webpack.config.js deps: Improve Webpack build performance (#2288) 2025-01-14 12:55:12 -08:00
web-test-runner.config.mjs deps: Upgrade main frontend dependencies (#2551) 2025-04-15 13:31:50 -07:00
webpack.config.js Add basic opengraph & twitter card tags & image to browsertrix root (#2547) 2025-04-08 19:23:26 -04:00
webpack.dev.js deps: Improve Webpack build performance (#2288) 2025-01-14 12:55:12 -08:00
webpack.prod.js
yarn.lock devex: Add Storybook for component development (#2556) 2025-04-21 13:06:31 -07:00