Link site blavatar, title, description and follower count to site stream

Automattic · Jun 7, 2016 · d463183 · d463183
1 parent 9e73978
commit d463183
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/client/reader/start/card-footer.jsx b/client/reader/start/card-footer.jsx
@@ -11,7 +11,9 @@ const StartCardFooter = ( { site } ) => {
 	const subscribersCount = numberFormat( site.subscribers_count );
 	return (
 		<footer className="reader-start-card-footer">
-			<div className="reader-start-card__follower-count">{ subscribersCount } followers</div>
+			<div className="reader-start-card__follower-count">
+				<a href={ `/read/blogs/${site.ID}` }>{ subscribersCount } followers</a>
+			</div>
 			<FollowButton siteUrl={ site.URL } />
 		</footer>
 	);

diff --git a/client/reader/start/card-header.jsx b/client/reader/start/card-header.jsx
@@ -9,9 +9,11 @@ import { getSite } from 'state/reader/sites/selectors';
 const StartCardHeader = ( { site } ) => {
 	return (
 		<header className="reader-start-card__header">
-			<SiteIcon site={ site } size={ 70 } />
-			<h1 className="reader-start-card__site-title">{ site.title }</h1>
-			<p className="reader-start-card__site-description">{ site.description }</p>
+			<a href={ `/read/blogs/${site.ID}` }>
+				<SiteIcon site={ site } size={ 70 } />
+				<h1 className="reader-start-card__site-title">{ site.title }</h1>
+				<p className="reader-start-card__site-description">{ site.description }</p>
+			</a>
 		</header>
 	);
 };

diff --git a/client/reader/start/style.scss b/client/reader/start/style.scss
@@ -187,6 +187,10 @@
 	}
 }
 
+.reader-start-card__site-title {
+	color: $gray-dark;
+}
+
 .reader-start-card__site-title,
 .reader-start-card__site-description {
 	text-align: center;
@@ -200,6 +204,10 @@
 	font-weight: 600;
 	margin-top: 20px;
 
+	a {
+		color: inherit;
+	}
+
 	@include breakpoint( ">480px" ) {
 		margin-top: 30px;
 	}