Responsive Job hosting blog using React JS

Community feedback

• 

  Matt Seidel•570

  @mseidel819

  Posted about 3 years ago

  It looks like every listing has the new and featured tags on them. Try creating a conditional for those tags so that it only displays if the json data marks those listings as "new" and "featured". Something like this:

  <div className='job-item-details-header'> <span><h4>{item.company}</h4></span> {item.new && (<span>New!</span>)} {item.featured && (<span>Featured</span>)} </div>

  What I've added is a short-circuit conditional that will only render each of those span elements if the corresponding value is true. You can also add this to the green border on the left of each job card. I believe it only shows up on a job if it's featured.

  01