From a878e546ad6265e32299ce50d43411b7d13f9ff1 Mon Sep 17 00:00:00 2001
From: ramfox <kasey@qri.io>
Date: Tue, 10 Sep 2019 15:54:05 -0400
Subject: [PATCH] feat(NoDatasetSelected): simple page for when no dataset is
 selected

---
 app/components/NoDatasetSelected.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 app/components/NoDatasetSelected.tsx

diff --git a/app/components/NoDatasetSelected.tsx b/app/components/NoDatasetSelected.tsx
new file mode 100644
index 00000000..93f341c3
--- /dev/null
+++ b/app/components/NoDatasetSelected.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react'
+
+interface NoDatasetSelectedProps {
+  toggleDatasetList: () => void
+}
+
+const NoDatasetSelected: React.FunctionComponent<NoDatasetSelectedProps> = ({ toggleDatasetList }) => (
+  <div className={'unlinked-dataset'}>
+    <div className={'message-container'}>
+      <div>
+        <h4>Choose a dataset to explore</h4>
+        <p>Use {process.platform === 'darwin' ? 'Command + T' : 'Ctrl + T'} to toggle the dataset list open and closed</p>
+        <a href='#' onClick={(e) => {
+          e.preventDefault()
+          toggleDatasetList()
+        }}>Or click here to open the dataset list</a>
+      </div>
+    </div>
+  </div>
+)
+
+export default NoDatasetSelected