Skip to content

Akshith - Event Details Popup Add Icons in Community Calendar#4776

Open
akshith312 wants to merge 1 commit intodevelopmentfrom
Akshith-add-event-modal-icons
Open

Akshith - Event Details Popup Add Icons in Community Calendar#4776
akshith312 wants to merge 1 commit intodevelopmentfrom
Akshith-add-event-modal-icons

Conversation

@akshith312
Copy link
Copy Markdown
Contributor

Description

image

Related PRS (if any):

This frontend PR is not related to any PR.

Main changes explained:

  • Added Icons to each detail in the event modal.
  • Displays relevant icon next to the event detail in the Community Calendar Page.

How to test:

  1. check into current branch
  2. do npm install and npm run start:local to run this PR locally
  3. Clear site data/cache
  4. login as any user
  5. go to dashboard→ https://localhost:5173/communityportal/calendar
  6. Click on the full details on the event selected
  7. Check event information that pops up in the modal with relevant icons next to the details.

Screenshots or videos of changes:

Screen.Recording.2026-01-29.223721.mp4

Note:

Include the information the reviewers need to know.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 30, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 2b2c871
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/697c3a7fe7a4950008a04d10
😎 Deploy Preview https://deploy-preview-4776--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.

@sonarqubecloud
Copy link
Copy Markdown

Copy link
Copy Markdown
Contributor

@JuliaHa0902 JuliaHa0902 left a comment

Choose a reason for hiding this comment

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

I have tested the PR locally can confirm that the icon shows properly in both dark mode and light mode

Image Image

Copy link
Copy Markdown
Contributor

@abdel-lall abdel-lall left a comment

Choose a reason for hiding this comment

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

LGTM!

Image Image

Copy link
Copy Markdown

@naznin07 naznin07 left a comment

Choose a reason for hiding this comment

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

Render correctly in each event type.

PR # 4776

@one-community one-community added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Mar 28, 2026
Copy link
Copy Markdown

@Anusha-Gali Anusha-Gali left a comment

Choose a reason for hiding this comment

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

Hi Akshith,

I have reviewed your PR locally and the icons are visible across all events in both modes.

Image Image Image Image

@beblicarl
Copy link
Copy Markdown
Contributor

This feature works as intended and the code is great

image image

@beblicarl beblicarl self-requested a review April 10, 2026 15:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants