Erina P. - Kunzite

[erinaperez]

No description provided.

[marciaga]

Great job! A couple minor comments below but overall nice work!

[marciaga]

Since we've already got a line that imports React, we want to avoid adding another line that duplicates it, so better to add to line 1:

import React, { useState } from 'react';

[marciaga]

this else should be on a new line:

if(id === entry.id) {
  return {
    ...entry,
    liked: !entry.liked,
  };
} else {
...
}      

[marciaga]

It's ok to compare entry.liked to a boolean but it would be more common to just check for truthinees:

if (entry.liked) {

[marciaga]

Nice use of reduce() here!

[marciaga]

Small thing but these props should be indented two spaces to the right

[marciaga]

Learn showed this pattern of creating an array of React elements and then referencing it in a JSX expression, so it's definitely okay to do here, but I should just add that I have not found it to be common pattern in practice - most people would just return the array in the component's return statement, e.g.

return (
  <div>
    {props.entries.map(entry => (
      <ChatEntry
        key={entry.id} 
        id={entry.id}  
        sender={entry.sender}
        body={entry.body}
        liked={entry.liked}
        timeStamp={entry.timeStamp}
        updateLikedCount={props.updateLikedCount}
      />
    )}
  </div>
);