import { ProjectResource } from 'models/project';
import { deselectAllOthers, toggleOne } from 'store/multiselect/multiselect-actions';
-type CssRules = 'root' | 'button' | 'loader' | 'notFoundView';
+type CssRules = 'root' | 'button' ;
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
root: {
button: {
marginLeft: theme.spacing.unit,
},
- loader: {
- top: "25%",
- left: "46.5%",
- marginLeft: "-84px",
- position: "absolute",
- },
- notFoundView: {
- top: "30%",
- left: "50%",
- marginLeft: "-84px",
- position: "absolute",
- },
});
export enum ProjectPanelColumnNames {
userUuid: string;
dataExplorerItems: any;
working: boolean;
- isNotFound: boolean;
}
type ProjectPanelProps = ProjectPanelDataProps & DispatchProp & WithStyles<CssRules> & RouteComponentProps<{ id: string }>;
const mapStateToProps = (state: RootState) => {
const currentItemId = getProperty<string>(PROJECT_PANEL_CURRENT_UUID)(state.properties);
const project = getResource<GroupResource>(currentItemId || "")(state.resources);
- const isNotFound = state.dataExplorer[PROJECT_PANEL_ID].isNotFound;
return {
currentItemId,
project,
- isNotFound,
resources: state.resources,
userUuid: state.auth.user!.uuid,
};
contextMenuColumn={true}
defaultViewIcon={ProjectIcon}
defaultViewMessages={DEFAULT_VIEW_MESSAGES}
- isNotFound={this.props.isNotFound}
/>
</div>
}