import { FileTree } from '../file-tree/file-tree';
import { IconButton, Grid, Typography, StyleRulesCallback, withStyles, WithStyles, CardHeader, Card, Button, Tooltip } from '@material-ui/core';
import { CustomizeTableIcon } from '../icon/icon';
+import { DownloadIcon } from '~/components/icon/icon';
export interface CollectionPanelFilesProps {
items: Array<TreeItem<FileTreeData>>;
onCollapseToggle: (id: string, status: TreeItemStatus) => void;
}
-type CssRules = 'root' | 'cardSubheader' | 'nameHeader' | 'fileSizeHeader';
+type CssRules = 'root' | 'cardSubheader' | 'nameHeader' | 'fileSizeHeader' | 'uploadIcon';
const styles: StyleRulesCallback<CssRules> = theme => ({
root: {
},
fileSizeHeader: {
marginRight: '65px'
+ },
+ uploadIcon: {
+ transform: 'rotate(180deg)'
}
});
variant='raised'
color='primary'
size='small'>
+ <DownloadIcon className={classes.uploadIcon}/>
Upload data
</Button>
} />