As you may recall from the corresponding action in the demo app (Listing 2.4), the application code uses User.all to pull all the users out of the database, assigning them to an @users instance variable for use in the view, as seen in Listing 9.24. (If displaying all the users at once seems like a bad idea, you’re right, and we’ll remove this blemish in Section 9.3.3.)

To make the actual index page, we need to make a view that iterates through the users and wraps each one in an li tag. We do this with the each method, displaying each user’s Gravatar and name, while wrapping the whole thing in an unordered list (ul) tag (Listing 9.25). The code in Listing 9.25 uses the result of Listing 7.29 from Section 7.6, which allows us to pass an option to the Gravatar helper specifying a size other than the default. If you didn’t do that exercise, update your Users helper file with the contents of Listing 7.29 before proceeding.

Let’s also add a little CSS (or, rather, SCSS) for style (Listing 9.26).

Finally, we’ll add the URI to the users link in the site’s navigation header using users_path, thereby using the last of the unused named routes in Table 7.1. The test (Listing 9.27) and application code (Listing 9.28) are both straightforward.