apply shortner to sidebar channel title

davidhu2000 · Apr 25, 2017 · a0517f4 · a0517f4
1 parent 226bf74
commit a0517f4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -5,7 +5,6 @@
   <meta charset="utf-8">
   <title>Youtube</title>
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
   <link href="app/stylesheets/main.css" rel="stylesheet">
 </head>
 

diff --git a/src/components/sidebar/sidebar_item.jsx b/src/components/sidebar/sidebar_item.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Link, withRouter } from 'react-router';
 import PropTypes from 'prop-types';
+import { shortenString } from 'helpers';
 
 class SidebarItem extends React.Component {
    constructor(props) {
@@ -32,7 +33,7 @@ class SidebarItem extends React.Component {
       <div className={`sidebar-item`} id={link}>
         <Link to={`/${link}`}>
           { this.renderIcon() }
-          <span>{span}</span>
+          <span>{shortenString(span, 19)}</span>
         </Link>
       </div>
     );