Closed Wystov closed 3 months ago
The recent changes involve updating the CourseCard.tsx
and courses.tsx
components to use classnames/bind
for modular styling, and replacing black-and-white icons with colorized versions by switching from JSX elements to image source strings. A new SCSS module, courses.module.scss
, has been introduced to handle the styles, ensuring components are now better organized and more visually appealing.
Files | Summary |
---|---|
src/widgets/courses-school/ui/CourseCard.tsx |
Replaced icon JSX elements with image source strings, integrated classnames , imported Image component, used CSS modules for styling. |
src/widgets/courses-school/ui/courses.tsx |
Refactored to utilize classnames/bind and courses.module.scss for styling, removed unused icon imports. |
src/widgets/courses-school/ui/courses.module.scss |
Added new styles for the course display interface, focusing on titles, images, lists, cards, icons, and details. |
Objective | Addressed | Explanation |
---|---|---|
Change black-and-white icons to colorized versions (#262) | ✅ |
Upon the screen, new colors bloom,
Where black and white once held their room.
With images so bright and clear,
The course cards now bring cheer.
A little change, a vibrant spree,
Enhancing learning joyously! 🌈
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
What type of PR is this? (select all that apply)
Description
In upcoming courses use same colorful icons as in course page styles converted to module.
Related Tickets & Documents
Screenshots, Recordings
before
after
Added/updated tests?
Summary by CodeRabbit
New Features
Refactor
CourseCard
component to use image sources instead of icon elements.classNames
for better maintainability.Style
courses.module.scss
for consistent and modular styling of course components.