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} /> + ); 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 ( + + + + ); +} + +export default ExportFab;