Time Tracking Dashboard

Community feedback

• 

  Roman•110

  @bWoodyRPosted 4 months ago

  There might be 2 ways how to fix your images.

  1. Add images to "public" folder inside "root"

  • this way you can access image in your component like:

  <img src="/image.png" alt="image" />
  

  2. Add images to "assets" folder inside "src" folder

  • folder name "assets" don't really matter here, you can call it whatever you want

  inside your component where you want to use it, you can import image like:

  import Image from "../assets/image.png"
  

  and then use it

  <img src={Image} alt="image" />
  

  Obviously you can change name's and path's as you wish. Btw nice solution

  Marked as helpful

  1

  ---

  

  Yash Babani•810

  @Yashbabani0Posted 4 months ago

  @bWoodyR Thanks bro for the help!

  0
• 

  Lily Eli Goloh•160

  @LilyEliGPosted 4 months ago

  I just checked your GitHub and I see that your newest commit for the images says errors fixed. I am not sure if that means you have fixed the image rendering issues however, when I happen to have issues with image rendering, I get rid of the image directory and put all images in the root directory. That usually works and I hope it works for you. If it doesn't you can reply to my comment and I will give another solution.

  I also think you can reduce the width of the activity boxes as they are a little too wide at the moment.

  Good job on your solution though!

  Marked as helpful

  1

  ---

  

  Yash Babani•810

  @Yashbabani0Posted 4 months ago

  Hi @LilyEliG,

  Thank you for the suggestion! I’ve tried various methods to fix the image rendering issues, including moving the images to the root directory and converting SVGs to PNGs, but unfortunately, none of them have resolved the problem for deployment on Netlify and Vercel. The images display correctly on localhost, but the issue persists when deployed.

  If you have any other solutions or ideas, I’d appreciate your help.

  1