__tests__/channel/header/__snapshots__/ChannelHeader.js.snap

@@ -264,9 +264,21 @@ exports[`channel header component owner should render correctly 1`] = `
         }
       }
     >
-      <Text
-        selectable={true}
-      />
+      <View
+        style={
+          Object {
+            "height": undefined,
+          }
+        }
+      >
+        <Text
+          numberOfLines={0}
+        >
+          <Text
+            selectable={true}
+          />
+        </Text>
+      </View>
     </View>
   </View>
   <View

package.json

@@ -65,6 +65,7 @@
     "react-native-progress": "^3.6.0",
     "react-native-qrcode-svg": "^5.2.0",
     "react-native-randombytes": "^3.5.3",
+    "react-native-read-more-text": "devbelieve365/react-native-read-more-text",
     "react-native-reanimated": "^1.3.0",
     "react-native-redash": "^8.6.0",
     "react-native-screens": "^2.0.0-alpha.11",

src/channel/header/ChannelHeader.js

@@ -19,6 +19,7 @@ import {
 import Icon from 'react-native-vector-icons/Ionicons';
 import FastImage from 'react-native-fast-image';
 import * as Progress from 'react-native-progress';
+import ReadMore from 'react-native-read-more-text';
 
 import { MINDS_CDN_URI } from '../../config/Config';
 import abbrev from '../../common/helpers/abbrev';
@@ -185,6 +186,28 @@ export default class ChannelHeader extends Component {
   setBriefdescription = briefdescription => this.setState({ briefdescription });
   setName = name => this.setState({ name });
 
+
+  /**
+   * Truncated footer render for description
+   */
+  _renderTruncatedFooter = (handlePress) => {
+    return (
+      <Text style={[CommonStyle.fontM, CommonStyle.colorPrimary, CommonStyle.marginTop2x]} onPress={handlePress}>
+        {i18n.t('readMore')}
+      </Text>
+    );
+  }
+  /**
+   * Revealed footer render for description
+   */
+  _renderRevealedFooter = (handlePress) => {
+    return (
+      <Text style={[CommonStyle.fontM, CommonStyle.colorPrimary, CommonStyle.marginTop2x]} onPress={handlePress}>
+        {i18n.t('showLess')}
+      </Text>
+    );
+  }
+
   /**
    * Render Header
    */
@@ -272,7 +295,13 @@ export default class ChannelHeader extends Component {
           </View>}
           {!isEditable &&
             <View style={CommonStyle.paddingTop2x}>
-              <Tags navigation={this.props.navigation}>{channel.briefdescription}</Tags>
+              <ReadMore
+                numberOfLines={3}
+                renderTruncatedFooter={this._renderTruncatedFooter}
+                renderRevealedFooter={this._renderRevealedFooter}
+              >
+                <Tags navigation={this.props.navigation}>{channel.briefdescription}</Tags>
+              </ReadMore>
             </View>
           }
         </View>

src/discovery/DiscoveryStore.js

-import {
-  observable,
-  action,
-  computed,
-  extendObservable
-} from 'mobx';
-
-import ActivityModel from '../newsfeed/ActivityModel';
-import BlogModel from '../blogs/BlogModel';
-import OffsetFeedListStore from '../common/stores/OffsetFeedListStore';
-import UserModel from '../channel/UserModel';
-import GroupModel from '../groups/GroupModel';
+import {action} from 'mobx';
+
 import NewsfeedFilterStore from '../common/stores/NewsfeedFilterStore';
 import DiscoveryFeedStore from './DiscoveryFeedStore';
-import logService from '../common/services/log.service';
-import featuresService from '../common/services/features.service';
-import boostedContentService from '../common/services/boosted-content.service';
+
 import FeedStore from '../common/stores/FeedStore';
 import appStores from '../../AppStores';
 
@@ -22,7 +10,6 @@ import appStores from '../../AppStores';
  * Discovery Store
  */
 class DiscoveryStore {
-
   /**
    * FeedStore
    */

yarn.lock

@@ -8797,6 +8797,10 @@ react-native-ratings@^6.3.0:
     lodash "^4.17.4"
     prop-types "^15.5.10"
 
+react-native-read-more-text@devbelieve365/react-native-read-more-text:
+  version "1.0.0"
+  resolved "https://codeload.github.com/devbelieve365/react-native-read-more-text/tar.gz/7828b78bd632feeb3f5f6bb3fa1b61021ded900f"
+
 react-native-reanimated@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.4.0.tgz#7f1acbf9be08492d834f512700570978052be2f9"