➕ ADDS: view list icon

Author: mehmoodak

client/reader/list-stream/components/list-stream-header.tsx

@@ -1,5 +1,6 @@
 import './list-stream-header.style.scss';
-import { Gridicon, Button } from '@automattic/components';
+import { Button } from '@wordpress/components';
+import { Icon, lock, formatListBullets } from '@wordpress/icons';
 import { useTranslate } from 'i18n-calypso';
 import FollowButton from 'calypso/blocks/follow-button/button';
 import AutoDirection from 'calypso/components/auto-direction';
@@ -44,9 +45,15 @@ const ListStreamHeader = ( {
 	return (
 		<AutoDirection>
 			<NavigationHeader title={ formattedTitle } subtitle={ formattedDescription }>
+				<div className="list-stream__header-view">
+					<Button href={ `/lists/${ title }` }>
+						<Icon icon={ formatListBullets } size={ 24 } />
+					</Button>
+				</div>
+
 				{ ! isPublic && (
-					<div className="list-stream__header-title-privacy">
-						<Gridicon icon="lock" size={ 24 } title={ translate( 'Private list' ) } />
+					<div className="list-stream__header-title-privacy" title={ translate( 'Private list' ) }>
+						<Icon icon={ lock } size={ 24 } />
 					</div>
 				) }
 

client/reader/list-stream/view-items/index.tsx

@@ -95,6 +95,12 @@ export function ListViewItems( { owner, slug }: ListViewItemsProps ) {
 				showFollow
 			/>
 
+			<p>
+				{ translate(
+					'Browse the sites in this list. Select any site to read its posts or subscribe to it.'
+				) }
+			</p>
+
 			<ReaderSitesList sites={ sites } followSource="reader-list-view-items" variant="card" />
 		</ReaderMain>
 	);