Closed rebecakipper closed 3 weeks ago
The recent changes introduced significant updates to the JobListing
page, involving substantial refactoring for improved maintainability and readability. Key modifications include restructuring components, enhancing job listing displays, and refining styles to align with the new design requirements. Additionally, there were updates to the CardLocation
, SVGImage
, and Chip
components to support the revised functionality.
File / Group of Files | Change Summary |
---|---|
apps/redi-connect/src/components/molecules/ReadMentoringTopics.tsx | Refactored Chip import path. |
apps/redi-talent-pool/src/pages/app/job-listing/JobListing.scss | Added new imports and styles for .profile-section , .responsive-section , and .jobListing for better responsiveness and enhanced layout. |
apps/redi-talent-pool/src/pages/app/job-listing/JobListing.tsx | Refactored job listing component into smaller sub-components; updated imports and improved layout and styling of job listing details. |
libs/shared-atomic-design-components/src/lib/atoms/CardLocation.tsx | Improved type safety by specifying types for location and remote props. |
libs/shared-atomic-design-components/src/lib/atoms/SVGImage.tsx | Added new SVG image for 'location' and introduced a new type ImageProp . |
libs/shared-atomic-design-components/src/lib/atoms/index.ts | Added exports for CardLocation and Chip . |
Objective | Addressed | Explanation |
---|---|---|
New styles and sizes for main title, section titles, and "Last update" info (#904) | ✅ | |
"Details" section renamed to "Contact" with updated contents and location (#904) | ✅ | |
Second line of chips for the "ideal technical skills" (#904) | ✅ |
In a code den so bright and new,
Components restructured, old into few.
Styles refreshed, chips in line,
For job listings, polished shine.
With type-safe props and SVG of site,
Jobseekers find a delight in their sight.
🌟🐰✨
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?
Dear @ericbolikowski, kind reminder
Dear @ericbolikowski, could you please review PR? It would be great to merge and deploy if everything is alright. Thank you
And @astkhikatredi, thanks for the patience <3 happy this one is done now
What Github issue does this PR relate to? Insert link.
closes #904
What should the reviewer know?
This PR implements the design for the JobPostings Page.
Previous >> Current (Desktop):
. ![Screenshot 2024-05-22 at 15 58 46](https://github.com/talent-connect/connect/assets/62472348/596a4ba1-da52-4974-8dce-f02eb8ff59f9)
Previous >> Current (Tablet):
. ![Screenshot 2024-05-22 at 15 59 11](https://github.com/talent-connect/connect/assets/62472348/cc654f20-c586-4bae-ab31-2142e7f2c76b)
Previous >> Current (Mobile):
. ![Screenshot 2024-05-22 at 15 59 29](https://github.com/talent-connect/connect/assets/62472348/16986254-136a-4c01-98ec-18027672f4bb)
Summary by CodeRabbit
New Features
JobListingLocation
,JobListingHeader
,JobListingAboutTheRole
,JobListingImportantDetails
,JobListingContact
,JobListingIdealTechnicalSkills
, andJobListingAboutTheCompany
.Refactor
JobListing.tsx
into smaller, more maintainable components.CardLocation
component to enhance type safety.Style
.profile-section
,.responsive-section
, and.jobListing
.Chores
Chip
component.