From c82884cff964ea15a7d405e41dcdae9c5d8fb495 Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Thu, 22 Jul 2021 12:32:35 -0500
Subject: [PATCH] truncate title on channel Page #6635

---
 ui/page/channel/view.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/page/channel/view.jsx b/ui/page/channel/view.jsx
index 1bd03b613..57eecb2d9 100644
--- a/ui/page/channel/view.jsx
+++ b/ui/page/channel/view.jsx
@@ -24,6 +24,7 @@ import ClaimMenuList from 'component/claimMenuList';
 import OptimizedImage from 'component/optimizedImage';
 import Yrbl from 'component/yrbl';
 import I18nMessage from 'component/i18nMessage';
+import TruncatedText from 'component/common/truncated-text';
 // $FlowFixMe cannot resolve ...
 import PlaceholderTx from 'static/img/placeholderTx.gif';
 
@@ -225,7 +226,9 @@ function ChannelPage(props: Props) {
         <div className="channel__primary-info">
           <ChannelThumbnail className="channel__thumbnail--channel-page" uri={uri} allowGifs hideStakedIndicator />
           <h1 className="channel__title">
-            {title || '@' + channelName}
+            <TruncatedText lines={2} showTooltip>
+              {title || '@' + channelName}
+            </TruncatedText>
             <ChannelStakedIndicator uri={uri} large />
           </h1>
           <div className="channel__meta">