From b7f56fcd62b9b91e6c806707a5fd12f03d88a92a Mon Sep 17 00:00:00 2001 From: Lucas Di Pentima Date: Thu, 9 Jun 2022 15:47:27 -0300 Subject: [PATCH] 19007: Removes unused code from the old file browser. Arvados-DCO-1.1-Signed-off-by: Lucas Di Pentima --- src/components/file-tree/file-thumbnail.tsx | 2 +- src/components/file-tree/file-tree-item.tsx | 66 +-------------------- src/components/file-tree/file-tree.tsx | 57 ------------------ 3 files changed, 2 insertions(+), 123 deletions(-) delete mode 100644 src/components/file-tree/file-tree.tsx diff --git a/src/components/file-tree/file-thumbnail.tsx b/src/components/file-tree/file-thumbnail.tsx index 9c651e76..aeb8d68f 100644 --- a/src/components/file-tree/file-thumbnail.tsx +++ b/src/components/file-tree/file-thumbnail.tsx @@ -11,7 +11,7 @@ import { getInlineFileUrl, sanitizeToken } from "views-components/context-menu/a import { connect } from "react-redux"; import { RootState } from "store/store"; -export interface FileThumbnailProps { +interface FileThumbnailProps { file: FileTreeData; } diff --git a/src/components/file-tree/file-tree-item.tsx b/src/components/file-tree/file-tree-item.tsx index b522637d..d94c7297 100644 --- a/src/components/file-tree/file-tree-item.tsx +++ b/src/components/file-tree/file-tree-item.tsx @@ -2,71 +2,7 @@ // // SPDX-License-Identifier: AGPL-3.0 -import React from "react"; -import { TreeItem } from "../tree/tree"; -import { DirectoryIcon, MoreOptionsIcon, DefaultIcon, FileIcon } from "../icon/icon"; -import { Typography, IconButton, StyleRulesCallback, withStyles, WithStyles, Tooltip } from '@material-ui/core'; -import { formatFileSize } from "common/formatters"; -import { ListItemTextIcon } from "../list-item-text-icon/list-item-text-icon"; -import { FileTreeData } from "./file-tree-data"; - -type CssRules = "root" | "spacer" | "sizeInfo" | "button" | "moreOptions"; - -const fileTreeItemStyle: StyleRulesCallback = theme => ({ - root: { - display: "flex", - alignItems: "center", - paddingRight: `${theme.spacing.unit * 1.5}px` - }, - spacer: { - flex: "1" - }, - sizeInfo: { - width: `${theme.spacing.unit * 8}px` - }, - button: { - width: theme.spacing.unit * 3, - height: theme.spacing.unit * 3, - marginRight: theme.spacing.unit, - }, - moreOptions: { - position: 'absolute' - } -}); - -export interface FileTreeItemProps { - item: TreeItem; - onMoreClick: (event: React.MouseEvent, item: TreeItem) => void; -} -export const FileTreeItem = withStyles(fileTreeItemStyle)( - class extends React.Component> { - render() { - const { classes, item } = this.props; - return <> -
- -
- {formatFileSize(item.data.size)} - - - - - -
- ; - } - - handleClick = (event: React.MouseEvent) => { - this.props.onMoreClick(event, this.props.item); - } - }); +import { DirectoryIcon, DefaultIcon, FileIcon } from "../icon/icon"; export const getIcon = (type: string) => { switch (type) { diff --git a/src/components/file-tree/file-tree.tsx b/src/components/file-tree/file-tree.tsx deleted file mode 100644 index e24fbb71..00000000 --- a/src/components/file-tree/file-tree.tsx +++ /dev/null @@ -1,57 +0,0 @@ -// Copyright (C) The Arvados Authors. All rights reserved. -// -// SPDX-License-Identifier: AGPL-3.0 - -import React from "react"; -import { TreeItem, TreeItemStatus } from "../tree/tree"; -import { VirtualTree as Tree } from "../tree/virtual-tree"; -import { FileTreeData } from "./file-tree-data"; -import { FileTreeItem } from "./file-tree-item"; - -export interface FileTreeProps { - items: Array>; - onMenuOpen: (event: React.MouseEvent, item: TreeItem) => void; - onSelectionToggle: (event: React.MouseEvent, item: TreeItem) => void; - onCollapseToggle: (id: string, status: TreeItemStatus) => void; - onFileClick: (id: string) => void; - currentItemUuid?: string; -} - -export class FileTree extends React.Component { - render() { - return ; - } - - handleContextMenu = (event: React.MouseEvent, item: TreeItem) => { - event.stopPropagation(); - this.props.onMenuOpen(event, item); - } - - handleToggle = (event: React.MouseEvent<{}>, { id, status }: TreeItem<{}>) => { - this.props.onCollapseToggle(id, status); - } - - handleToggleActive = (_: React.MouseEvent, item: TreeItem) => { - this.props.onFileClick(item.id); - } - - handleSelectionChange = (event: React.MouseEvent, item: TreeItem) => { - event.stopPropagation(); - this.props.onSelectionToggle(event, item); - } - - renderItem = (item: TreeItem) => - - -} -- 2.30.2