--- /dev/null
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
+import * as React from 'react';
+import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
+import { DefaultViewDataProps, DefaultView } from '~/components/default-view/default-view';
+
+type CssRules = 'classRoot' | 'classIcon' | 'classMessage';
+
+const styles: StyleRulesCallback<CssRules> = () => ({
+ classRoot: {
+ position: 'absolute',
+ width: '80%',
+ left: '50%',
+ top: '50%',
+ transform: 'translate(-50%, -50%)'
+ },
+ classMessage: {
+ fontSize: '1.75rem',
+ },
+ classIcon: {
+ fontSize: '6rem'
+ }
+});
+
+type PanelDefaultViewProps = Pick<DefaultViewDataProps, 'icon' | 'messages'> & WithStyles<CssRules>;
+
+export const PanelDefaultView = withStyles(styles)(
+ ({ classes, ...props }: PanelDefaultViewProps) =>
+ <DefaultView {...classes} {...props} />);
import { loadDetailsPanel } from '~/store/details-panel/details-panel-action';
import { navigateTo } from '~/store/navigation/navigation-action';
import { ContainerRequestState } from "~/models/container-request";
-import { DefaultView } from '~/components/default-view/default-view';
import { FavoritesState } from '../../store/favorites/favorites-reducer';
import { RootState } from '~/store/store';
+import { PanelDefaultView } from '~/components/panel-default-view/panel-default-view';
type CssRules = "toolbar" | "button";
onRowDoubleClick={this.props.onItemDoubleClick}
onContextMenu={this.props.onContextMenu}
contextMenuColumn={true} />
- : <DefaultView
+ : <PanelDefaultView
icon={FavoriteIcon}
messages={['Your favorites list is empty.']} />;
}
import { navigateTo } from '~/store/navigation/navigation-action';
import { getProperty } from '~/store/properties/properties';
import { PROJECT_PANEL_CURRENT_UUID } from '~/store/project-panel/project-panel-action';
-import { openCollectionCreateDialog } from '../../store/collections/collection-create-actions';
+import { openCollectionCreateDialog } from '~/store/collections/collection-create-actions';
import { openProjectCreateDialog } from '~/store/projects/project-create-actions';
-import { filterResources } from '../../store/resources/resources';
-import { DefaultView } from '~/components/default-view/default-view';
+import { filterResources } from '~/store/resources/resources';
+import { PanelDefaultView } from '~/components/panel-default-view/panel-default-view';
type CssRules = 'root' | "toolbar" | "button";
onRowDoubleClick={this.handleRowDoubleClick}
onContextMenu={this.handleContextMenu}
contextMenuColumn={true} />
- : <DefaultView
+ : <PanelDefaultView
icon={ProjectIcon}
messages={['Your project is empty.', 'Please create a project or create a collection and upload a data.']} />
}
} from "~/views-components/data-explorer/renderers";
import { navigateTo } from "~/store/navigation/navigation-action";
import { loadDetailsPanel } from "~/store/details-panel/details-panel-action";
-import { toggleCollectionTrashed, toggleProjectTrashed, toggleTrashed } from "~/store/trash/trash-actions";
+import { toggleTrashed } from "~/store/trash/trash-actions";
import { ContextMenuKind } from "~/views-components/context-menu/context-menu";
import { Dispatch } from "redux";
-import { DefaultView } from '~/components/default-view/default-view';
+import { PanelDefaultView } from '~/components/panel-default-view/panel-default-view';
type CssRules = "toolbar" | "button";
onRowDoubleClick={this.handleRowDoubleClick}
onContextMenu={this.handleContextMenu}
contextMenuColumn={false} />
- : <DefaultView
+ : <PanelDefaultView
icon={TrashIcon}
messages={['Your trash list is empty.']} />;
}