React and CSS

Community feedback

• 

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 7 months ago

  Hi Adela, I tryed to see your repositories, but seen like you deleted it or made it private, so I will try to give you some hints based on what I see.

  Your project is not loading Images in right way because when we use React, we need to import images, and not select by directory, it works like this:

  import myImage from '../assets/myImage.png';
  
  //Omitted code
  
  <img src={myImage} alt="Just my Image"/>
  

  Also There's some parts that's without space, like:

  "Angela Grayfollowed you!"

  For this, you just need to add a space after "Gray" or before "followed"

  To remove the unread status you can use conditional rendering, and set a class with display: none;, and this will make them disappear.

  Marked as helpful

  0

  ---

  

  Alejandro•430

  @adelayglesiafleitasPosted 7 months ago

  "Thank you very much for the help, Bernardo Poggioni. I have already set the project to public, I apologize for not realizing it sooner. If it is not too much trouble, I would appreciate your assistance with the images. When I open the project locally on my computer, the images display correctly, but when I deploy it, they do not show up. I would be very grateful for your help."@R3ygoski

  1

  

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 7 months ago

  Hello @adelayglesiafleitas,

  It seems like your project is not on Github, right? When I click the “View Code” button, it leads to a Github Not Found Page. I believe you need to reset the link. To do this, you need to follow these steps:

  In your project, scroll up and look for a button with 3 dots. It’s located to the left of the “Share” button. Click on it, and then click “Edit Solution”. Now, in the Repository URL field, you just need to enter the URL where your code is hosted.

  Alternatively, you can deploy your project code on Github. If you’re unsure how to deploy React projects to Github, here’s a helpful link:

  Edit: I noticed you've made your project in Vite, so, here's the right video: Deploy React + Vite.

  Once you’ve managed to deploy your project or correct the code URL, please respond to this comment. I will then review your code and be able to assist you more effectively. If anything I’ve explained isn’t clear, please don’t hesitate to comment below.

  Marked as helpful

  0

  

  Alejandro•430

  @adelayglesiafleitasPosted 7 months ago

  Hello @R3ygoski, could you please review the code? I hadn't set it to public, sorry. Thank you very much for your attention!

  0

  

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 7 months ago

  Hi again @adelayglesiafleitas,

  Now I can see your project in Github, I noticed somethings, and I decided to Clone your project, them remade some parts of it and send it to you. I will send it in github issues tab okay? Because this way is more easy for me to explain some parts of your code. Well, probably in 2 hours it will be done, so in 2 hours check your issues box in Github.

  Marked as helpful

  0

  

  Alejandro•430

  @adelayglesiafleitasPosted 7 months ago

  "Hello @R3ygoski! I wanted to express my deep gratitude for the valuable advice you gave me. Thank you very much!"🤗

  1