Fleet UI: Info banner component, uses Card as base component, tests #26276
Conversation
| pageLevel?: boolean; | ||
| /** Add this element to the end of the banner message. Mutually exclusive with `link`. */ | ||
| cta?: JSX.Element; | ||
| /** closable and link are mutually exclusive */ | ||
| closable?: boolean; | ||
| /** Makes the entire banner clickable */ |
There was a problem hiding this comment.
Passing through instead since path is prop on Card
| /** default 4px */ | ||
| borderRadius?: "large" | "xlarge"; | ||
| borderRadius?: "medium" | "xlarge"; |
There was a problem hiding this comment.
corresponds to Card border radius sizes
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #26276 +/- ##
=======================================
Coverage 63.66% 63.66%
=======================================
Files 1631 1633 +2
Lines 156545 156580 +35
Branches 4046 4056 +10
=======================================
+ Hits 99657 99692 +35
+ Misses 49038 49036 -2
- Partials 7850 7852 +2
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. |
| @@ -57,7 +57,7 @@ const MainContent = ({ | |||
| banner = <AppleBMTermsMessage />; | |||
| } else if (isVppExpired || willVppExpire) { | |||
| banner = <VppRenewalMessage expired={isVppExpired} />; | |||
| } else if (isFleetLicenseExpired) { | |||
| } else if (!isFleetLicenseExpired) { | |||
There was a problem hiding this comment.
TODO: Change this back - used for testing
| className={wrapperClasses} | ||
| color={color} | ||
| borderRadiusSize={borderRadius} | ||
| path={path} |
There was a problem hiding this comment.
Does this mean that Info Banner itself is clickable and will go to a path? Is this the correct behaviour? seems strange as it looks like the clickable area in the design is a link,action, or x button. Im also not seeing where we are using this prop in the user of <InfoBanner />.
There was a problem hiding this comment.
@ghernandez345
link was the former prop that had been used before, but no longer is used anywhere. I think whatever used to use link was got moved to use a <Card> directly and changed to path. I replaced it with path prop since that was the corresponding prop for the basecomponent <Card> but I can see how that is confusing because we have cta which is also clickable.
There was a problem hiding this comment.
@ghernandez345 I removed the unused path prop since no instance of <InfoBanner/> requires it
Issue
Part 2 for #26231
Description
Screenshots
TODO: After confirmation from Design
Checklist for submitter
If some of the following don't apply, delete the relevant line.
changes/,orbit/changes/oree/fleetd-chrome/changes.