From 903c90e997dfd00b2215dc399d4a6ba5c83d8fc2 Mon Sep 17 00:00:00 2001
From: Sean Li <mail@shang.li>
Date: Mon, 16 Feb 2015 11:06:39 -0800
Subject: [PATCH] Hide folders if there are no volumes.

---
 src/ContainerHomeFolders.react.js | 23 +++++++++++++++--------
 styles/containers.less            |  1 +
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/ContainerHomeFolders.react.js b/src/ContainerHomeFolders.react.js
index 3f4d45f5ba..4757e635e3 100644
--- a/src/ContainerHomeFolders.react.js
+++ b/src/ContainerHomeFolders.react.js
@@ -17,6 +17,7 @@ var ContainerHomeFolder = React.createClass({
   },
   render: function () {
     var folders;
+    console.log(_.keys(this.props.container.Volumes));
     if (this.props.container) {
       var self = this;
       folders = _.map(self.props.container.Volumes, function (val, key) {
@@ -33,15 +34,21 @@ var ContainerHomeFolder = React.createClass({
         }
       });
     }
-    return (
-      <div className="folders wrapper">
-        <h4>Edit Files</h4>
-        <div className="widget">
-          {folders}
+    if (this.props.container && _.keys(this.props.container.Volumes).length > 0 && this.props.container.State.Running) {
+      return (
+        <div className="folders wrapper">
+          <h4>Edit Files</h4>
+          <div className="widget">
+            {folders}
+          </div>
+          <div className="subtext" onClick={this.handleClickChangeFolders}>Change Folders</div>
         </div>
-        <div className="subtext" onClick={this.handleClickChangeFolders}>Change Folders</div>
-      </div>
-    );
+      );
+    } else {
+      return (
+        <div></div>
+      );
+    }
   }
 });
 
diff --git a/styles/containers.less b/styles/containers.less
index 32a2449397..43bc1c8259 100644
--- a/styles/containers.less
+++ b/styles/containers.less
@@ -150,6 +150,7 @@
             position: relative;
             top: 0px;
             padding: 3px 5px;
+            text-decoration: underline;
             &:hover {
               background-color: @brand-action;
               color: white;