Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

NestedFolders: Move New folder into a drawer #69706

Merged
merged 4 commits into from
Jun 9, 2023
Merged

NestedFolders: Move New folder into a drawer #69706

merged 4 commits into from
Jun 9, 2023

Conversation

ashharrison90
Copy link
Contributor

@ashharrison90 ashharrison90 commented Jun 7, 2023

What is this feature?

  • moves the New folder functionality into a drawer (instead of a whole new page) to maintain context
  • have extracted out just the form functionality into NewFolderForm, we can remove the old components once nested folders is live
  • changes New Dashboard/New Folder to sentence case, e.g. New dashboard/New folder`
before after
image image

Why do we need this feature?

  • better UX for creating a folder

Who is this feature for?

  • anyone using nested folders!

Which issue(s) does this PR fix?:

Fixes #69693

Special notes for your reviewer:

Please check that:

  • It works as expected from a user's perspective.
  • If this is a pre-GA feature, it is behind a feature toggle.
  • The docs are updated, and if this is a notable improvement, it's added to our What's New doc.

@ashharrison90 ashharrison90 added this to the 10.1.x milestone Jun 7, 2023
@ashharrison90 ashharrison90 requested a review from a team as a code owner June 7, 2023 13:38
@ashharrison90 ashharrison90 requested review from tskarhed and JoaoSilvaGrafana and removed request for a team June 7, 2023 13:38
@ashharrison90 ashharrison90 self-assigned this Jun 7, 2023
subtitle={parentFolderTitle ? `Location: ${parentFolderTitle}` : undefined}
scrollableContent
onClose={() => setShowNewFolderDrawer(false)}
size="md"
Copy link
Contributor

Choose a reason for hiding this comment

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

Maybe "sm" would work better here? Otherwise there is a lot of whitespace
image

Copy link
Contributor

@tskarhed tskarhed left a comment

Choose a reason for hiding this comment

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

Just see my comment and decided whichever is best

Copy link
Contributor

@joshhunt joshhunt left a comment

Choose a reason for hiding this comment

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

Looks Good 🚀

I wish CreateNewButton didn't have so much stuff in it, but then BrowseDashboardsPage would then just end up even bigger...

@joshhunt joshhunt changed the title Nested folders: Move New folder into a drawer NestedFolders: Move New folder into a drawer Jun 9, 2023
@ashharrison90 ashharrison90 merged commit ca8d0ef into main Jun 9, 2023
14 checks passed
@ashharrison90 ashharrison90 deleted the ash/69693 branch June 9, 2023 15:00
academo pushed a commit that referenced this pull request Jun 12, 2023
* make New folder a drawer

* use sentence case

* extract strings and update tests

* use sm drawer
@ricky-undeadcoders ricky-undeadcoders modified the milestones: 10.1.x, 10.1.0 Aug 1, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Change “Create folder” to be a drawer
4 participants