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

refactor: Move editor console to tab #3578

Merged
merged 4 commits into from
Aug 28, 2024
Merged

refactor: Move editor console to tab #3578

merged 4 commits into from
Aug 28, 2024

Conversation

ianjon3s
Copy link
Contributor

@ianjon3s ianjon3s commented Aug 27, 2024

What does this PR do?

🚧 Edit sidebar icon replacement pt2 🚧

Replaces console icon with a dedicated tab for the console. This is given a 'dark' theme with corresponding prop for dark tabs.

I've also moved StyledTab to its own file, I was unsure whether this should remain in the current folder, or be moved to the wider UI components folders, as it is only used in this place. Open to suggestions on this one.

Example:
https://3578.planx.pizza/lambeth/apply-for-planning-permission

Copy link

github-actions bot commented Aug 27, 2024

Removed vultr server and associated DNS entries

@ianjon3s ianjon3s force-pushed the ian/editor-console-tab branch from 41b9c6e to 9397f0d Compare August 27, 2024 17:02
@ianjon3s ianjon3s marked this pull request as ready for review August 28, 2024 08:32
@ianjon3s ianjon3s requested a review from a team August 28, 2024 08:32
Copy link
Member

@jessicamcinchak jessicamcinchak left a comment

Choose a reason for hiding this comment

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

I like this, feels much more like a "console" and always great to reduce overlapping windows / a lot of vertical scrolling !

Separate file for StyledTab feels very clean to maintain ➕

)}
<StyledTab value="Console" label="Console" tabTheme="dark" />
Copy link
Member

Choose a reason for hiding this comment

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

Much tidier 🙌

Copy link
Contributor

@DafyddLlyr DafyddLlyr left a comment

Choose a reason for hiding this comment

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

Solid improvement!

Small nit / personal opinion would be that the black is maybe too dark. I'm not sure if a colour close to the header would work a bit better maybe?

I think there's a whole redesign we could do here anyway, and using a lib like https://react-json-view.microlink.io/ to make the whole "console" concept a whole lot more useful!

@ianjon3s
Copy link
Contributor Author

Thanks both, I agree the dark is somewhat overpowering, I've changed to the same background.dark colour used in the header. I'll look at introducing the JSON formatting in a follow-up PR.

@ianjon3s ianjon3s merged commit 6e40f0c into main Aug 28, 2024
12 checks passed
@ianjon3s ianjon3s deleted the ian/editor-console-tab branch August 28, 2024 12:47
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.

3 participants