From 2646ce44813db7fb3c8cbae2bf9cde331eca7345 Mon Sep 17 00:00:00 2001
From: Chakrit Likitkhajorn <chakrit.lj@gmail.com>
Date: Wed, 10 Oct 2018 21:13:43 +0700
Subject: [PATCH] Add support for clickable link

---
 src/renderer/page/discover/view.jsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/renderer/page/discover/view.jsx b/src/renderer/page/discover/view.jsx
index 4579f5394..c36df6b3f 100644
--- a/src/renderer/page/discover/view.jsx
+++ b/src/renderer/page/discover/view.jsx
@@ -31,6 +31,16 @@ class DiscoverPage extends React.PureComponent<Props> {
     this.clearContinuousFetch();
   }
 
+  getCategoryLinkPartByCategory(category: string) {
+    const channelName = category.substr(category.indexOf('@'));
+    if (!channelName.includes('#')) {
+      return null;
+    }
+    return channelName;
+  }
+
+  continousFetch: ?IntervalID;
+
   clearContinuousFetch() {
     if (this.continousFetch) {
       clearInterval(this.continousFetch);
@@ -38,20 +48,22 @@ class DiscoverPage extends React.PureComponent<Props> {
     }
   }
 
-  continousFetch: ?number;
-
   render() {
     const { featuredUris, fetchingFeaturedUris } = this.props;
     const hasContent = typeof featuredUris === 'object' && Object.keys(featuredUris).length;
     const failedToLoad = !fetchingFeaturedUris && !hasContent;
-
     return (
       <Page noPadding isLoading={!hasContent && fetchingFeaturedUris}>
         {hasContent &&
           Object.keys(featuredUris).map(
             category =>
               featuredUris[category].length ? (
-                <CategoryList key={category} category={category} names={featuredUris[category]} />
+                <CategoryList
+                  key={category}
+                  category={category}
+                  names={featuredUris[category]}
+                  categoryLink={this.getCategoryLinkPartByCategory(category)}
+                />
               ) : (
                 <CategoryList
                   key={category}