Keerthana - Migrate component styles from global CSS to CSS Modules#4952
Open
KeerthanaChitturi wants to merge 4 commits intodevelopmentfrom
Open
Keerthana - Migrate component styles from global CSS to CSS Modules#4952KeerthanaChitturi wants to merge 4 commits intodevelopmentfrom
KeerthanaChitturi wants to merge 4 commits intodevelopmentfrom
Conversation
✅ Deploy Preview for highestgoodnetwork-dev ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
KeerthanaChitturi
changed the title
one-community
changed the title
rohanrastogi311
requested changes
Mar 7, 2026
rohanrastogi311
left a comment
rohanrastogi311
left a comment
There was a problem hiding this comment.
Hi Keerthana,
Setup profile url is not functional.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Refactored the styling of several components to use CSS Modules instead of global CSS.
This change scopes styles locally to each component and helps prevent global CSS conflicts.
Implements WBS: CSS → CSS Modules Refactor.
Main changes explained
Converted global CSS files to CSS Modules
Renamed the following files:
Updated component files
Updated the following components to import and use CSS modules:
Updated class references
Replaced global className usage with module-based references:
className="example-class"
to
className={styles.exampleClass}
How to test
1: Checkout this branch
git checkout Keerthana-css-module-refactorZ
2: Install dependencies
npm install
3: Run the project
npm run dev
4:Clear browser cache / site data
5. Navigate to the following pages
Task Edit Suggestions
Dashboard → Tasks → Task Edit Suggestions
Verify that:
Time Off Requests Table
Dashboard → User Profile → Time Off Requests
Verify that:
Setup Profile Page
Open:
http://localhost:5173/setupprofile/
Example:
http://localhost:5173/setupprofile/testtoken
Verify that the page renders correctly and styling loads properly
Screenshots or videos of changes
No visual change expected.
This refactor only scopes the CSS locally using CSS Modules while preserving the existing layout and styling.