Skip to content

Conversation

annavik
Copy link
Member

@annavik annavik commented Mar 18, 2025

Summary

In this PR we add a sidebar layout to the project overview page, to make this page more scalable (enable us to add more views) and also to bring some structure. See related issues for more background.

List of Changes

  • Add sidebar to project overview and update routing
  • Hide pagination bar for compact table views (when we only have one page of items to show)
  • Make it possible to edit and delete project from overview instead of project gallery
  • Setup routing for processing details and pipeline details
  • Add small tweak to breadcrumbs, to better handle missing project (for example after delete)

Related Issues

Closes #753 and #754.

Screenshots

Before:
Screenshot 2025-03-19 at 18 07 32

After:
Screenshot 2025-03-19 at 18 07 15

Comments

In future, I think we should add a page "General" to the section "Settings" and remove the edit and delete button from the sidebar, to better streamline how project details are edited.

Upcoming pages "Exports", "Algorithms" and "Team" could fit in like this:
Screenshot 2025-03-19 at 17 00 53

Copy link

netlify bot commented Mar 18, 2025

Deploy Preview for antenna-preview ready!

Name Link
🔨 Latest commit e12bbbf
🔍 Latest deploy log https://app.netlify.com/sites/antenna-preview/deploys/67dd1728e03dc10008a75df7
😎 Deploy Preview https://deploy-preview-780--antenna-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 71 (🔴 down 4 from production)
Accessibility: 89 (no change from production)
Best Practices: 92 (no change from production)
SEO: 100 (no change from production)
PWA: 80 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

@annavik annavik changed the title [Draft] Update overview layout Update overview layout Mar 19, 2025
@annavik annavik marked this pull request as ready for review March 19, 2025 17:09
@annavik annavik requested review from Annie-Shan and mihow March 19, 2025 17:09
Copy link
Collaborator

@mihow mihow left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's fabulous! What a big refactor on the code side as well. It's so great to have the new proper routes with list & detail URLs. And thanks for breaking out entities into their own files.

@mihow
Copy link
Collaborator

mihow commented Mar 20, 2025

This can be in a follow up discussion, but what about changing the "Overview" tab to "Project"?

image

image

@mihow
Copy link
Collaborator

mihow commented Mar 20, 2025

@annavik I'm leaving this for you to merge when you are ready!

@annavik
Copy link
Member Author

annavik commented Mar 20, 2025

Thanks @mihow, I like the name "Project"! I have pushed some updates for this change and also I decided to take the time to setup the view "General" for project details to avoid confusions! :)

Summary

  • Changed name "Overview" -> "Project"
  • Updated page folder name from "overview" -> "project"
  • Removed main view breadcrumb when view "Project" is active (the project name is already part of breadcrumbs so it felt a bit repetitive)
  • Included new view "General" for project details settings (only visible if a user is allowed to edit)

Screenshots

Before:
Screenshot 2025-03-20 at 11 05 01

After:
Screenshot 2025-03-20 at 11 04 09

@annavik annavik merged commit b4a3550 into main Mar 21, 2025
6 checks passed
@annavik annavik deleted the layout/overview branch March 21, 2025 07:42
@annavik annavik linked an issue Mar 21, 2025 that may be closed by this pull request
@mihow
Copy link
Collaborator

mihow commented Mar 21, 2025 via email

@annavik annavik changed the title Update overview layout Update project overview layout Mar 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Make project entities part of new settings view Design UI for basic project settings

2 participants