# View favorited articles

Favorited Articles is the profile list for articles that the profile has marked as favorites.
Open it when you want to review those articles from the profile rather than browse the general
article feed.

| If you need to… | Go to |
| --- | --- |
| Prepare to open the list | [Before you start](#before-you-start) |
| Reach a profile first | [View a profile](doc:view-a-profile) |
| Read an article from the list | [Read an article](doc:read-an-article) |
| Follow or unfollow the profile | [Follow an author](doc:follow-an-author) |
| Change your profile settings | [Update your settings](doc:update-your-settings) |

## Before you start

The profile page loads the profile before it shows the profile content and its article list.
The favorites list opens from the profile's favorites tab and uses the profile username as its
favorites filter.

**Prerequisites**

- Know the profile you want to open.
- Open the profile route before selecting the favorites tab.
- Wait for the profile to load before reviewing its articles.

## Find the favorites list

Use the article tabs to switch between the profile's articles and its favorites.
The profile's favorites tab opens the favorites view.

**Steps**

1. Open the profile you want to review.
2. Select **Favorited Articles**.
3. Confirm that the favorites route is open in the browser address bar.

**Result:** The profile's Favorited Articles list is on screen.

## Understand the favorites screen

The profile header contains the profile image, username, and bio. An article preview contains an
article title, description, tags, and a link to the article. Pagination provides a page-number
control when the result count creates more than one page.

| Area | What you can see or select |
| --- | --- |
| Profile header | The profile image, username, and bio |
| Article list | Article title, description, tags, and **Read more...** |
| Article tabs | **My Articles** and **Favorited Articles** |
| Current-user action | **Edit Profile Settings** |
| Other-profile action | **Follow <username>** or **Unfollow <username>** |
| Page navigation | **<page number>** for each available page |

The screen can also display these messages while the profile or article list is changing state:
`Loading profile...`, `Loading articles...`, and `No articles are here... yet.`

The profile header and article previews are ready for review when the list is on screen.

## Review the favorited articles

The favorites list requests articles using the profile username as the `favorited` filter and
shows five articles per page.

**Prerequisites**

- Open the profile's Favorited Articles list.

**Steps**

1. Review each article preview in the list.
2. Select **Read more...** on an article you want to open.
3. If **<page number>** buttons are present, select the page you want to review.
4. Review the articles on the selected page.

**Result:** The selected article opens from its preview, or the selected page of favorited
articles is on screen.

If a loading, empty, or profile-error message appears instead, use the matching response below.

## Handle loading and empty results

The list has separate states for loading, an empty result, and a profile that cannot load. Use the
message on screen to identify the state before continuing.

**Prerequisites**

- Open the profile's Favorited Articles list.

**Steps**

1. Read the message on screen and follow the matching instruction.

   | Message | Action |
   | --- | --- |
   | `Loading profile...` | Wait for the profile content to appear. |
   | `Loading articles...` | Wait for the article list to finish loading. |
   | `No articles are here... yet.` | Select **My Articles** or open another profile. |
   | `This profile could not be loaded. Please try again later.` | Return to the profile later. |

**Result:** The profile content or article list is on screen, or the matching message identifies
the next response.

The article-list request has no separate error message in this surface; its failure handler leaves
the list in its loading state.

## When the list does not load

Use the exact message on screen to choose the response. The profile error path displays
`This profile could not be loaded. Please try again later.` The connectivity error is normalized as
`Unable to connect to the server`, while the profile template displays the generic profile error
message instead.

**Prerequisites**

- Open the profile's Favorited Articles list.

**Steps**

1. Select the response in the table that matches the message on screen.

   | Message | Response |
   | --- | --- |
   | `This profile could not be loaded. Please try again later.` | Return to the profile later. |
   | `Unable to connect to the server` | Return to the profile later. |

**Result:** You have the next action for the message that is on screen.

## Continue from the favorites list

The profile screen also provides routes into the next task: an article preview leads to the article,
**Edit Profile Settings** leads to settings, and the profile's follow controls lead to author
following.

**Steps**

1. Select the control for the next task.

   | If you want to… | Select |
   | --- | --- |
   | Read an article | **Read more...** |
   | Change profile settings | **Edit Profile Settings** |
   | Follow a profile | **Follow <username>** |
   | Stop following a profile | **Unfollow <username>** |

**Result:** You are on the article, settings, or author-following task that matches the action you
selected.