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: Editor forms tidy up and unify #3324

Merged
merged 6 commits into from
Jun 28, 2024

Conversation

ianjon3s
Copy link
Contributor

@ianjon3s ianjon3s commented Jun 26, 2024

What does this PR do?

Refactors settings pages to use a simplified and unified structure.

Summary of changes:

To do before merging

  • Hide team settings page

Copy link

github-actions bot commented Jun 26, 2024

Removed vultr server and associated DNS entries

@ianjon3s ianjon3s marked this pull request as ready for review June 27, 2024 10:18
@ianjon3s ianjon3s changed the title wip: Editor forms tidy up and refactor refactor: Editor forms tidy up and refactor Jun 27, 2024
@ianjon3s ianjon3s changed the title refactor: Editor forms tidy up and refactor refactor: Editor forms tidy up and unify Jun 27, 2024
@ianjon3s ianjon3s requested a review from a team June 27, 2024 10:18
@ianjon3s
Copy link
Contributor Author

Editor restyling

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.

Great stuff! Visually all good, and very well organised and clear PR 👍

Happy to approve and merge once General Settings is commented back out until this is feature-complete.

Comment on lines 11 to 17
export default function InputLabel(props: {
label: string;
children: ReactNode;
hidden?: boolean;
htmlFor?: string;
id?: string;
}) {
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
export default function InputLabel(props: {
label: string;
children: ReactNode;
hidden?: boolean;
htmlFor?: string;
id?: string;
}) {
export default function InputLabel(props: PropsWithChildren<{
label: string;
hidden?: boolean;
htmlFor?: string;
id?: string;
}>) {

nit: A little bit easier / simpler / better matches our code style 👌

Take a look at https://blog.logrocket.com/react-children-prop-typescript/

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks, have updated

<InputGroup label="Why it matters">
<InputRow>
<InputGroup flowSpacing>
<InputLabel label="Why it matters">
Copy link
Contributor

Choose a reason for hiding this comment

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

Do we want to remove the placeholder values now if we're adding labels here?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good shout, the label + placeholder combo is already in place but it makes sense to have one or the other.

Copy link
Contributor

Choose a reason for hiding this comment

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

Nice to also pick up changes here 🙌

@ianjon3s
Copy link
Contributor Author

ianjon3s commented Jun 28, 2024

Thanks for the review @DafyddLlyr , updated commit incoming with your suggestions + general settings commented out.

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.

Perfect!

@ianjon3s ianjon3s merged commit b07f862 into main Jun 28, 2024
12 checks passed
@ianjon3s ianjon3s deleted the ian/editor-tidy-forms-inputs-labels branch June 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.

2 participants