Skip to content

Conversation

jomcarvajal
Copy link
Contributor

@jomcarvajal jomcarvajal commented Oct 7, 2025

CORE-1085

Banner is a migration of Warning from assignments to ui-components.

Review the Storybook to know if everything is ok with styles.

@jomcarvajal jomcarvajal requested a review from bethshook October 7, 2025 17:30
@@ -1,4 +1,4 @@
import { MessageBox } from './MessageBox';
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Just a reorganization of MessageBox into a folder

@bethshook
Copy link
Contributor

sorry for the delay on this. a couple notes after just skimming:

I don't think we want separate style files. the components directory is already pretty bloated so unless the styles add a ton of lines of code I would keep them with the component.

GracePeriodNotification is specific to assignable and we want to keep this library as agnostic as possible since it is used in other projects. I would keep that in assignments and just make sure you're exporting whatever components are needed for it.

@bethshook
Copy link
Contributor

DismissIcon can go in the svgs directory - I don't think you need specs or stories for it

src/index.ts Outdated
export * from './components/MessageBox.styles';
export * from './components/Html';
export * from './components/MessageBox/MessageBox';
export * from './components/svgs/DismissIcon';
Copy link
Contributor

Choose a reason for hiding this comment

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

I don't think you need to export it - it can live here and in individual projects

Copy link
Contributor Author

Choose a reason for hiding this comment

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

GracePeriodNotification uses DismissIcon, that is why I put it as an export. But yeah, I can create it as well in assignments

Copy link
Contributor

Choose a reason for hiding this comment

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

I think a little redundancy is ok (and I wouldn't even bother creating a new component in assignments unless we start using the icon all over the place)

Copy link
Contributor

@bethshook bethshook left a comment

Choose a reason for hiding this comment

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

some styling needs to be added to the banner (eg text size and dismiss icon placement) but otherwise looks good! I would test in assignments before you merge.

Screenshot 2025-10-16 at 6 33 51 PM

@jomcarvajal
Copy link
Contributor Author

some styling needs to be added to the banner (eg text size and dismiss icon placement) but otherwise looks good! I would test in assignments before you merge.

Screenshot 2025-10-16 at 6 33 51 PM
Screenshot 2025-10-16 at 6 15 40 PM

Done for Banner.stories ✅

import { Banner } from './Banner';
import styled from 'styled-components';

const BannerContainer = styled.div`
Copy link
Contributor

Choose a reason for hiding this comment

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

is there a reason to leave this out of the component itself?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Because I don't see that's part of assignments. If a put it inside the component it could break how old looks in assignments. I tried to leave everything the same

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Let me know if you think it's okay. @bethshook

Copy link
Contributor

Choose a reason for hiding this comment

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

yeah I think that's fine, as long as it looks as expected when you import it to assignments

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Sure, I made some tests in assignments and everything looks like before the import from ui-components!

@jomcarvajal jomcarvajal merged commit f755136 into main Oct 17, 2025
3 checks passed
@jomcarvajal jomcarvajal deleted the CORE-1085/Banner_component branch October 17, 2025 16:51
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