feat(NoDatasetSelected): simple page for when no dataset is selected

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