From c6251217352a0cc6f45569056bb88c79ca5facbe Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Fri, 29 Jun 2018 00:22:22 +0800
Subject: [PATCH] feat(FileExplorer): enable open blob&tree in new tab

---
 src/components/Node.js | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/Node.js b/src/components/Node.js
index da83634..fe2aeae 100644
--- a/src/components/Node.js
+++ b/src/components/Node.js
@@ -17,7 +17,9 @@ function getIconType(node) {
 }
 
 export default class Node extends React.PureComponent {
-  onClick = () => {
+  onClick = (event) => {
+    if (event.metaKey) return
+    event.preventDefault()
     const { node, onClick } = this.props
     onClick(node)
   }
@@ -27,14 +29,15 @@ export default class Node extends React.PureComponent {
     const { name, path } = node
     return (
       <div className={cx(`node-item-row`, { focused })} title={path}>
-        <div
-          className={cx('node-item', { expanded })}
-          style={{ paddingLeft: `${10 + 20 * depth}px` }}
-          onClick={this.onClick}
-        >
-          <Icon type={getIconType(node)} />
-          <span className={'node-item-name'}>{name}</span>
-        </div>
+        <a href={node.url} onClick={this.onClick}>
+          <div
+            className={cx('node-item', { expanded })}
+            style={{ paddingLeft: `${10 + 20 * depth}px` }}
+          >
+            <Icon type={getIconType(node)} />
+            <span className={'node-item-name'}>{name}</span>
+          </div>
+        </a>
       </div>
     )
   }