list morphs

1 files changed, 20 insertions, 13 deletions

diff --git a/app/client/dashboard/dashboard.component.js b/app/client/dashboard/dashboard.component.js
index 58795ee..ac060de 100644
--- a/app/client/dashboard/dashboard.component.js
+++ b/app/client/dashboard/dashboard.component.js
@@ -33,15 +33,18 @@ class Dashboard extends Component {
     const { site, foldersByModule, renders, queue, images } = this.props
     const { tasks } = queue
     const folders = foldersByModule && Object.keys(modules).sort().map(key => {
-      if (! foldersByModule[key]) return null
-      const path = key === 'samplernn' ? '/samplernn/datasets/' : '/' + key + '/sequences/'
-      const folders = foldersByModule[key].map(folder => {
-        return (
-          <div key={folder.id}>
-            <Link to={path + folder.id + '/'}>{folder.name}</Link>
-          </div>
-        )
-      })
+      let path, folder_list
+      if (foldersByModule[key]) {
+        path = key === 'samplernn' ? '/samplernn/datasets/' : '/' + key + '/sequences/'
+        folder_list = foldersByModule[key].map(folder => {
+          return (
+            <div key={folder.id}>
+              <Link to={path + folder.id + '/'}>{folder.name}</Link>
+            </div>
+          )
+        })
+      }
+
       let files = renders[key] && (
         <FileList
           linkFiles
@@ -61,10 +64,14 @@ class Dashboard extends Component {
         <div className='dashboardModule' key={key}>
           <div className='row moduleHeading'>
             <h3>{key}</h3>
-            <div>
-              <Link to={'/' + key + '/new/'}>new</Link>
-            </div>
-            {folders}
+            {folder_list &&
+              <span>
+                <div>
+                  <Link to={'/' + key + '/new/'}>new</Link>
+                </div>
+                {folders}
+              </span>
+            }
           </div>
           {files}
         </div>