Skip to content

fix(DATAGO-123661): update base components for pro code form#1094

Merged
RohanSreelesh merged 3 commits intomainfrom
rohan/update-components-procode
Feb 26, 2026
Merged

fix(DATAGO-123661): update base components for pro code form#1094
RohanSreelesh merged 3 commits intomainfrom
rohan/update-components-procode

Conversation

@RohanSreelesh
Copy link
Collaborator

What is the purpose of this change?

Updated base components according to UX feedback:

  1. Warning banner text is normal but icon should remain yellow
  2. Needed an empty state with a Grey background

How was this change implemented?

High-level approach - what files/components changed and why?

Key Design Decisions (optional - delete if not applicable)

Why did you choose this approach over alternatives?

How was this change tested?

  • Manual testing: [describe scenarios]
  • Unit tests: [new/modified tests]
  • Integration tests: [if applicable]
  • Known limitations: [what wasn't tested]

Is there anything the reviewers should focus on/be aware of?

Special attention areas, potential risks, or open questions

@github-actions
Copy link

github-actions bot commented Feb 25, 2026

WhiteSource Policy Violation Summary

✅︎ No Blocking Whitesource Policy Violations found in solaceai/solace-agent-mesh-ui-pr-1094!

Copy link
Collaborator

@lgh-solace lgh-solace left a comment

Choose a reason for hiding this comment

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

Just the one question about whether the placeholder variant should be "mixable" with some of the others?

Thanks!

notFound: <NotFoundIllustration width={150} height={150} />,
loading: <Spinner size="large" />,
noImage: null,
placeholder: null,
Copy link
Collaborator

Choose a reason for hiding this comment

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

Would this placeholder variant ever be used with one of the others variants like... with loading? You would get the same effect by just passing in a class name of rounded-md bg-[var(--color-background-w20)] and then still be able to combine it with other variants?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

true I removed it

export const messageColourVariants = {
error: "bg-[var(--color-error-w20)] text-[var(--color-error-wMain)] border-[var(--color-error-wMain)] dark:bg-[var(--color-error-w100)]/60 dark:text-[var(--color-white)] dark:border-[var(--color-error-wMain)]",
warning: "bg-[var(--color-warning-w10)] text-[var(--color-warning-wMain)] border-[var(--color-warning-wMain)] dark:bg-[var(--color-warning-w100)]/60 dark:text-[var(--color-white)] dark:border-[var(--color-warning-wMain)]",
warning: "bg-[var(--color-warning-w10)] text-foreground border-[var(--color-warning-wMain)] dark:bg-[var(--color-warning-w100)]/60 dark:text-[var(--color-white)] dark:border-[var(--color-warning-wMain)]",
Copy link
Collaborator

Choose a reason for hiding this comment

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

Oky doke, maybe you can take a quick look at other usages of this warning text colour in enterprise to just make sure none of them are requiring the warning yellow?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

it is being used, I made the change local only for warning banner

Copy link
Collaborator

@lgh-solace lgh-solace left a comment

Choose a reason for hiding this comment

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

Ok, thanks! We can hopefully take a look at making our colour usage a bit nicer in another iteration. This banner is a bit crunchy.

@RohanSreelesh RohanSreelesh enabled auto-merge (squash) February 26, 2026 21:08
@RohanSreelesh RohanSreelesh merged commit 4da858f into main Feb 26, 2026
32 of 40 checks passed
@RohanSreelesh RohanSreelesh deleted the rohan/update-components-procode branch February 26, 2026 21:10
@sonarqube-solacecloud
Copy link

Quality Gate passed Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarQube

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