malaythakur/Horizon-Minds

Images Not Rendering Properly in MyCourses.jsx

Open

#15 opened on Oct 16, 2024

View on GitHub
 (2 comments) (0 reactions) (1 assignee)JavaScript (3 forks)auto 404
Hacktoberfestbughelp wanted

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (PR metrics pending)

Description

I've encountered an issue where images are not rendering properly in the MyCourses.jsx component. The images are imported from local assets and mapped to course names, but they do not appear as expected on the UI.

Steps to Reproduce:

  1. Import images in the MyCourses.jsx component like so:
import course1 from "../../assets/courses-images/1.png";
import course2 from "../../assets/courses-images/2.png";
  1. Map the course names to the imported images in the imageMap object.
  2. Render the images within the course cards using the src attribute of an tag.
  3. Observe that the images do not appear, even though they are fetched correctly.

Screenshot (907)

Expected Behavior: The images should be rendered in the course cards without any issues.

Actual Behavior: The image paths seem to be correct, but the images are not displaying in the browser.

Contributor guide

Research direction
Check that the imported images are correctly referenced and that the assets folder path is correct. Verify that the images are being correctly mapped and that the img tag src attribute is set to the imported variable.
Tech stack
javascriptreact
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitReact
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
90