Skip to content

Jaden taking over for Peterson: Fixed bug in badge management (DONE Jaden) - #3631

Open
peterson337 wants to merge 16 commits into
developmentfrom
peterson-fix-badge-management-error
Open

Jaden taking over for Peterson: Fixed bug in badge management (DONE Jaden)#3631
peterson337 wants to merge 16 commits into
developmentfrom
peterson-fix-badge-management-error

Conversation

@peterson337

@peterson337 peterson337 commented Jun 9, 2025

Copy link
Copy Markdown
Contributor

Jaden taking over for Peterson: Fixed bug in badge management (DONE Jaden) #3631

Description

This PR has been opened to fix the bug in Badge Management.

Related PRS (if any):

None

Main changes explained:

The BadgeDevelopmentTable.jsx component has been modified to fix the bug.

How to test:

  1. check into current branch
  2. do npm install and ... to run this PR locally
  3. Clear site data/cache
  4. Log in as an admin or owner user.
  5. Other Links → Badge Management → Badge Assignment
  6. See if have a badge without image and click in edit button and modal should to appears.

Screenshots or videos of changes:

Before my fix:
Before my fix
After my fix
After my fix

Note:

None

@peterson337 peterson337 added the do not review Do not review or look at code without full context label Jun 9, 2025
@netlify

netlify Bot commented Jun 9, 2025

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit ff10914
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6849e98fe0de6400084aba3a
😎 Deploy Preview https://deploy-preview-3631--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@peterson337 peterson337 changed the title Fix bug Peterson fixed bug in badge management Jun 9, 2025
@peterson337 peterson337 removed the do not review Do not review or look at code without full context label Jun 11, 2025
@1709abhishek

Copy link
Copy Markdown
Screenshot 2025-06-13 at 11 16 23 PM Screenshot 2025-06-13 at 11 16 45 PM looks good

@1709abhishek
1709abhishek self-requested a review June 14, 2025 03:17
@Deekshith010905

Copy link
Copy Markdown
Contributor

Working as expected
Screenshot 2025-07-11 111425
Screenshot 2025-07-11 111404

@netlify

netlify Bot commented Jul 12, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 5e6e387
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a6ff6701cd3de000811a4d8
😎 Deploy Preview https://deploy-preview-3631--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Jaden300 added 7 commits July 12, 2026 00:43
formatDate in AddTaskModal and formatDate/parseDate in EditTaskModal
were only used as DayPickerInput props - now unused after removing that
component. DateUtils was also undefined (came from react-day-picker).
Fixed const declaration appearing between import statements in
SetupProfileUserEntry.
- PeopleReport: remove no-op toString() call, convert to early return
- ImportTask: remove redundant onClick from inner span (parent Button handles it)
- AddTaskModal: remove unused dateWarning state, Row/Col imports,
  duplicate react/messages imports, and unused DUE_DATE message constant
react-beautiful-dnd is in package.json; @hello-pangea/dnd is not,
so the substitution was breaking the Netlify build.
All swapped imports (react-html-parser, d3, react-day-picker,
react-beautiful-dnd, react-input-range) are in package.json and
installed on Netlify. Only the core badge management bug fix
should be in this PR.
@Jaden300 Jaden300 changed the title Peterson fixed bug in badge management Jaden taking over for Peterson: Fixed bug in badge management (DONE Jaden) Jul 12, 2026
kzou55
kzou55 previously approved these changes Jul 27, 2026

@kzou55 kzou55 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Hi Jaden,

I ran and tested the PR locally.

Verified

  • Clicking the Edit button for a badge opens up the Edit Badge form rather than causing an error.

    image image

@iAbhi001
iAbhi001 self-requested a review July 28, 2026 01:12
iAbhi001
iAbhi001 previously approved these changes Jul 28, 2026

@iAbhi001 iAbhi001 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Tested locally on branch pr-3631:
Navigated to Badge Management and clicked "Edit" on multiple badges.
Verified that the Edit Badge form/modal opens without throwing null imageUrl console errors.
Checked browser console for crashes or regressions.
Everything looks good! LGTM 🚀

Image Image

@DeepighaJ DeepighaJ left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Tested the PR. The functionality works as expected , no errors where seen and edit/update works as expected.
Issue:
Under dark mode, on hover the dark mode needs improvement. User cannot see when the content properly when highlighting the rows.

Image Image Image Update works successfully Image Image

- Add BadgeDevelopmentTable.module.css with scoped tableDark hover styles
- Apply styles.tableDark in dark mode instead of plain dark-mode CSS string
@Jaden300
Jaden300 dismissed stale reviews from iAbhi001 and kzou55 via f80dceb August 1, 2026 20:33
@Jaden300
Jaden300 requested a review from DeepighaJ August 1, 2026 20:41
- Toggle filter button label between Add Filters and Remove Filters
- Apply dark mode classes to all filter label text
- Move filter section layout and button box-shadow to CSS module
- Fix input and dropdown backgrounds in dark mode
- Fix placeholder text color via ::placeholder rule
- Fix text selection visibility in dark mode via ::selection rule

@DeepighaJ DeepighaJ left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Hi @Jaden300 I see the changes has been reverted. Please let me know when its ready for review.

Image

@sonarqubecloud

sonarqubecloud Bot commented Aug 3, 2026

Copy link
Copy Markdown

@Jaden300
Jaden300 requested a review from DeepighaJ August 3, 2026 02:08
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.

8 participants