Skip to content

CORE-1085: Adding Banner folder - #102

Merged
jomcarvajal merged 11 commits into
mainfrom
CORE-1085/Banner_component
Oct 17, 2025
Merged

CORE-1085: Adding Banner folder#102
jomcarvajal merged 11 commits into
mainfrom
CORE-1085/Banner_component

Conversation

@jomcarvajal

@jomcarvajal jomcarvajal commented Oct 7, 2025

Copy link
Copy Markdown
Contributor

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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
Contributor

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

Comment thread 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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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)

@bethshook bethshook left a comment

Copy link
Copy Markdown
Contributor

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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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