From 0e8a82ad272ddd3327b09b7fdab737a1318f20a8 Mon Sep 17 00:00:00 2001
From: melissachang <10929390+melissachang@users.noreply.github.com>
Date: Fri, 30 Mar 2018 17:15:03 -0700
Subject: [PATCH] Export to Saturn static button (#48)

FAB tooltips aren't implemented until Material v1
(https://github.com/mui-org/material-ui/issues/2230#issuecomment-331586991)
so let's leave out tooltip for now.
---
 ui/src/App.js                   |  2 ++
 ui/src/components/ExportFab.css |  8 ++++++++
 ui/src/components/ExportFab.js  | 18 ++++++++++++++++++
 3 files changed, 28 insertions(+)
 create mode 100644 ui/src/components/ExportFab.css
 create mode 100644 ui/src/components/ExportFab.js

diff --git a/ui/src/App.js b/ui/src/App.js
index 1a3aa544..f9489abe 100644
--- a/ui/src/App.js
+++ b/ui/src/App.js
@@ -1,6 +1,7 @@
 import './App.css';
 import { ApiClient, DatasetApi, FacetsApi } from 'data_explorer_service';
 import DatasetResponse from "./api/src/model/DatasetResponse";
+import ExportFab from "./components/ExportFab";
 import FacetsGrid from "./components/FacetsGrid";
 import Header from "./components/Header";
 
@@ -53,6 +54,7 @@ class App extends Component {
                         facets={this.state.facets}
                         totalCount={this.state.totalCount}
                     />
+                    <ExportFab></ExportFab>
                 </div>
             </MuiThemeProvider>
         );
diff --git a/ui/src/components/ExportFab.css b/ui/src/components/ExportFab.css
new file mode 100644
index 00000000..4178dc4c
--- /dev/null
+++ b/ui/src/components/ExportFab.css
@@ -0,0 +1,8 @@
+.exportFab {
+    margin: 0px;
+    top: auto;
+    right: 20px;
+    bottom: 20px;
+    left: auto;
+    position: fixed;
+}
diff --git a/ui/src/components/ExportFab.js b/ui/src/components/ExportFab.js
new file mode 100644
index 00000000..0647a9c2
--- /dev/null
+++ b/ui/src/components/ExportFab.js
@@ -0,0 +1,18 @@
+/** Export to Saturn FAB */
+
+import './ExportFab.css';
+
+import FileCloudUpload from 'material-ui/svg-icons/file/cloud-upload';
+import { FloatingActionButton } from "material-ui";
+import React from 'react';
+import {white} from 'material-ui/styles/colors';
+
+function ExportFab(props) {
+    return (
+        <FloatingActionButton className="exportFab">
+            <FileCloudUpload color={white} />
+        </FloatingActionButton>
+    );
+}
+
+export default ExportFab;