update Link style in Component dir

Author: Krit

src/components/CategoryList/CategoryList.react.js

@@ -61,7 +61,7 @@ export default class CategoryList extends React.Component {
             (this.props.linkPrefix || '') + (c.link || id)
           );
           return (
-            <Link title={c.name} to={link} className={className} key={id} >
+            <Link title={c.name} to={{ pathname: link }} className={className} key={id} >
               <span>{count}</span>
               <span>{c.name}</span>
             </Link>

src/components/FileTree/FileTree.react.js

@@ -74,7 +74,7 @@ export default class FileTree extends React.Component {
               <Link
                 key={'f_' + f}
                 className={[styles.file, isCurrent ? styles.current : ''].join(' ')}
-                to={this.props.linkPrefix + path}>
+                to={{ pathname: this.props.linkPrefix + path }}>
                 {f}
               </Link>
             );

src/components/Sidebar/AppsMenu.react.js

@@ -23,7 +23,7 @@ let AppsMenu = ({ apps, current, height, onSelect }) => (
         return null;
       }
       return (
-        <Link to={html`/apps/${app.slug}/browser`} key={app.slug} className={styles.menuRow}>
+        <Link to={{ pathname: html`/apps/${app.slug}/browser` }} key={app.slug} className={styles.menuRow}>
           {app.name}
           <AppBadge production={app.production} />
         </Link>

src/components/Sidebar/SidebarHeader.react.js

@@ -13,7 +13,7 @@ import styles         from 'components/Sidebar/Sidebar.scss';
 
 let SidebarHeader = ({}) =>
 <div className={styles.header}>
-  <Link className={styles.logo} to='/apps'>
+  <Link className={styles.logo} to={{ pathname: '/apps' }}>
     <Icon width={28} height={28} name='infinity' fill={'#ffffff'} />
   </Link>
   <Link to='/apps'>

src/components/Sidebar/SidebarSection.react.js

@@ -23,7 +23,7 @@ let SidebarSection = ({ active, children, name, link, icon, style }) => {
     <div className={classes.join(' ')}>
       {active ?
         <div style={style} className={styles.section_header}>{iconContent}{name}</div> :
-        <Link style={style} className={styles.section_header} to={link || ''}>{iconContent}{name}</Link>}
+        <Link style={style} className={styles.section_header} to={{ pathname: link || '' }}>{iconContent}{name}</Link>}
 
       {children ? <div className={styles.section_contents}>{children}</div> : null}
     </div>

src/components/Sidebar/SidebarSubItem.react.js

@@ -28,7 +28,7 @@ let SidebarSubItem = ({ active, name, action, link, children }) => {
     <div>
       <Link
         className={styles.subitem}
-        to={link}>
+        to={{ pathname: link }}>
         {name}
       </Link>
     </div>