Skip to content

Conversation

@joshistoast
Copy link
Contributor

What type of PR is this? (check all applicable)

  • Refactor
  • Feature
  • Bug Fix
  • Optimization
  • Documentation Update
  • Community Node Submission

Have you discussed this change with the InvokeAI team?

  • Yes
  • No, because:

Have you updated all relevant documentation?

  • Yes
  • No

Description

Moves all the application's top right nav elements into a new hamburger menu or into the settings modal.

Related Tickets & Documents

  • Related Issue #
  • Closes #

QA Instructions, Screenshots, Recordings

image
image

Added/updated tests?

  • Yes
  • No : I don't know how to do tests 👉👈

[optional] Are there any post deployment tasks we need to perform?

@joshistoast
Copy link
Contributor Author

There's currently an issue where sometimes the localized language variable doesn't resolve properly and results in the original raw string:

image

@blessedcoolant
Copy link
Collaborator

There's currently an issue where sometimes the localized language variable doesn't resolve properly and results in the original raw string:

image

Most likely an issue with hot reload at times. Refreshing the page should fix it.

@blessedcoolant
Copy link
Collaborator

Pushed a couple of fixes.

  • Menu icons were minuscule. Increased the size.
  • Scheduler list in settings for some reason was not showing the right labels. Fixed.

Everything else seems fine to me.

I'll let @psychedelicious have a quick look too before we merge.

Thanks for the PR.

Copy link
Contributor

@psychedelicious psychedelicious left a comment

Choose a reason for hiding this comment

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

overall looks good just a few changes needed

@maryhipp
Copy link
Contributor

Can we please leave the ColorModeButton as an unused exported component for now?

@joshistoast
Copy link
Contributor Author

Can we please leave the ColorModeButton as an unused exported component for now?

Any reason to keep it around?

Copy link
Contributor

@maryhipp maryhipp left a comment

Choose a reason for hiding this comment

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

Found a workaround for colormode export - LGTM

joshistoast and others added 8 commits July 27, 2023 00:11
These needs to be done through weblate. Only en.json needs to updated via the repo
exposes more menu theming config
feat(ui) use `as` for menuitem links

I had requested this be done with the chakra `Link` component, but actually using `as` is correct according to the docs. For other components, you are supposed to use `Link` but looks like `MenuItem` has this built in.

Fixed in all places where we use it.

Also:
- fix github icon
- give menu hamburger button padding
- add menu motion props so it animates the same as other menus

feat(ui): restore ColorModeButton

@maryhipp

chore(ui): lint

feat(ui): remove colormodebutton again

sry
@psychedelicious psychedelicious enabled auto-merge (rebase) July 26, 2023 14:12
@psychedelicious psychedelicious merged commit dc8c3d8 into invoke-ai:main Jul 26, 2023
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.

4 participants