To provide more insights on Restaurant List page [#21], we can preview the first review of a restaurant in the restaurant item component.
We can move the open status text to the address row above, and add a text div below. We should avoid text overflow, and display "..." when the review content exceeds a certain amount of characters. (we could use the CSS property text-overflow: ellipsis;)
We should modify the getRestaurants route to join the Review table and fetch review content using LIMIT 1.
To provide more insights on Restaurant List page [#21], we can preview the first review of a restaurant in the restaurant item component.
We can move the open status text to the address row above, and add a text div below. We should avoid text overflow, and display "..." when the review content exceeds a certain amount of characters. (we could use the CSS property
text-overflow: ellipsis;
)We should modify the getRestaurants route to join the Review table and fetch review content using
LIMIT 1
.