[2022-06-13]: 🎁 Users can browse files of a commit using a tree view on the Commit page [GA] (github#28289)

Co-authored-by: Paul Loeb <[email protected]>

Author: vgrl

assets/images/help/pull_requests/pr-file-tree.png

@@ -40,16 +40,16 @@ You can filter files in a pull request by file extension type, such as `.html` o
 {% data reusables.repositories.sidebar-pr %}
 1. In the list of pull requests, click the pull request you'd like to filter.
 {% data reusables.repositories.changed-files %}
-1. If the file tree is hidden, click **Show file tree** to display the file tree.
+
+1. Click on a file in the file tree to view the corresponding file diff. If the file tree is hidden, click {% octicon "sidebar-collapse" aria-label="The sidebar collapse icon" %} to display the file tree.
 
    {% note %}
 
    **Note**: The file tree will not display if your screen width is too narrow or if the pull request only includes one file.
 
    {% endnote %}
-
-1. Click on a file in the file tree to view the corresponding file diff.
-   ![Pull request file tree](/assets/images/help/pull_requests/pr-file-tree.png)
+   
+   ![Screenshot of filter changed files search box and file tree emphasized](/assets/images/help/repository/file-tree.png)
 1. To filter by file path, enter part or all of the file path in the **Filter changed files** search box. Alternatively, use the file filter dropdown. For more information, see "[Using the file filter dropdown](#using-the-file-filter-dropdown)."
 
 {% endif %}

assets/images/help/repository/file-tree.png

@@ -41,5 +41,28 @@ Once the commit is on the default branch, any tags that contain the commit will
 
 ![Screenshot of commit with commit tag emphasized](/assets/images/help/commits/commit-tag-label.png)
 
+{% ifversion commit-tree-view %}
+
+## Using the file tree
+
+You can use the file tree to navigate between files in a commit.
+
+{% data reusables.repositories.navigate-to-repo %}
+{% data reusables.repositories.navigate-to-commit-page %}
+1. Navigate to the commit by clicking the commit message link.
+   ![Screenshot of commit with commit message link emphasized](/assets/images/help/commits/commit-message-link.png)
+1. Click on a file in the file tree to view the corresponding file diff. If the file tree is hidden, click {% octicon "sidebar-collapse" aria-label="The sidebar collapse icon" %} to display the file tree.
+
+  {% note %}
+
+  **Note**: The file tree will not display if your screen width is too narrow or if the commit only includes one file.
+
+  {% endnote %}
+  
+  ![Screenshot of filter changed files search box and file tree emphasized](/assets/images/help/repository/file-tree.png)
+1. To filter by file path, enter part or all of the file path in the **Filter changed files** search box.
+
+{% endif %}
+
 ## Further reading
 - "[Committing and reviewing changes to your project](/desktop/contributing-to-projects/committing-and-reviewing-changes-to-your-project#about-commits)" on {% data variables.product.prodname_desktop %}

content/pull-requests/collaborating-with-pull-requests/reviewing-changes-in-pull-requests/filtering-files-in-a-pull-request.md

@@ -0,0 +1,7 @@
+# Issue 6662
+# Commit file tree view
+versions:
+  fpt: '*'
+  ghec: '*'
+  ghes: '>=3.6'
+  ghae: 'issue-6662'