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

feat: update header for sidebar #69

Merged
merged 1 commit into from
Dec 5, 2024
Merged

feat: update header for sidebar #69

merged 1 commit into from
Dec 5, 2024

Conversation

alangsto
Copy link
Member

@alangsto alangsto commented Dec 5, 2024

COSMO-571

This pull request includes changes to the Sidebar component to update its styling and improve its functionality. The most important changes include adding a new header with a logo, modifying the separator styling, and updating the corresponding tests.

Old sidebar header:
Screenshot 2024-12-05 at 11 43 38 AM

New sidebar h
Screenshot 2024-12-05 at 11 43 45 AM
eader:

@alangsto alangsto marked this pull request as ready for review December 5, 2024 16:46
@alangsto alangsto force-pushed the alangsto/update_header branch from b8e6dfb to ad8de19 Compare December 5, 2024 18:02
Copy link
Member

@schenedx schenedx left a comment

Choose a reason for hiding this comment

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

👍

Copy link
Member

@varshamenon4 varshamenon4 left a comment

Choose a reason for hiding this comment

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

lgtm!

@@ -116,7 +111,7 @@ const Sidebar = ({
alt="close"
aria-label="close"
variant="primary"
invertColors={!disclosureAcknowledged}
invertColors
Copy link
Member

Choose a reason for hiding this comment

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

Nice!

@@ -36,7 +36,7 @@ const courseId = 'course-v1:edX+DemoX+Demo_Course';
const unitId = 'block-v1:edX+DemoX+Demo_Course+type@unit+block@unit1';

const assertSidebarElementsNotInDOM = () => {
expect(screen.queryByTestId('heading', { name: 'Hi, I\'m Xpert!' })).not.toBeInTheDocument();
expect(screen.queryByTestId('sidebar-xpert-header')).not.toBeInTheDocument();
Copy link
Member

Choose a reason for hiding this comment

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

Nice! I like that you made the test id more descriptive.

@alangsto alangsto merged commit c1ea57d into main Dec 5, 2024
4 checks passed
@alangsto alangsto deleted the alangsto/update_header branch December 5, 2024 18:11
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.

3 participants