Skip to content

Commit ae28c24

Browse files
authored
Legend Color Label (#900)
Replace the superfluous "turquoise" with the more common "cyan".
1 parent b5cf32d commit ae28c24

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

content/docs/thinking-in-react.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ You'll see here that we have five components in our simple app. We've italicized
4646
1. **`FilterableProductTable` (orange):** contains the entirety of the example
4747
2. **`SearchBar` (blue):** receives all *user input*
4848
3. **`ProductTable` (green):** displays and filters the *data collection* based on *user input*
49-
4. **`ProductCategoryRow` (turquoise):** displays a heading for each *category*
49+
4. **`ProductCategoryRow` (cyan):** displays a heading for each *category*
5050
5. **`ProductRow` (red):** displays a row for each *product*
5151

5252
If you look at `ProductTable`, you'll see that the table header (containing the "Name" and "Price" labels) isn't its own component. This is a matter of preference, and there's an argument to be made either way. For this example, we left it as part of `ProductTable` because it is part of rendering the *data collection* which is `ProductTable`'s responsibility. However, if this header grows to be complex (i.e. if we were to add affordances for sorting), it would certainly make sense to make this its own `ProductTableHeader` component.

0 commit comments

Comments
 (0)