// Copyright (C) The Arvados Authors. All rights reserved. // // SPDX-License-Identifier: AGPL-3.0 import * as React from 'react'; import { compose } from 'redux'; import { connect } from 'react-redux'; import { openProjectPropertiesDialog } from '~/store/details-panel/details-panel-action'; import { ProjectIcon, RenameIcon } from '~/components/icon/icon'; import { ProjectResource } from '~/models/project'; import { formatDate } from '~/common/formatters'; import { ResourceKind } from '~/models/resource'; import { resourceLabel } from '~/common/labels'; import { DetailsData } from "./details-data"; import { DetailsAttribute } from "~/components/details-attribute/details-attribute"; import { RichTextEditorLink } from '~/components/rich-text-editor-link/rich-text-editor-link'; import { withStyles, StyleRulesCallback, Chip, WithStyles } from '@material-ui/core'; import { ArvadosTheme } from '~/common/custom-theme'; export class ProjectDetails extends DetailsData { getIcon(className?: string) { return ; } getDetails() { return ; } } type CssRules = 'tag' | 'editIcon'; const styles: StyleRulesCallback = (theme: ArvadosTheme) => ({ tag: { marginRight: theme.spacing.unit, marginBottom: theme.spacing.unit }, editIcon: { fontSize: '1.125rem', cursor: 'pointer' } }); interface ProjectDetailsComponentDataProps { project: ProjectResource; } interface ProjectDetailsComponentActionProps { onClick: () => void; } const mapDispatchToProps = ({ onClick: openProjectPropertiesDialog }); type ProjectDetailsComponentProps = ProjectDetailsComponentDataProps & ProjectDetailsComponentActionProps & WithStyles; const ProjectDetailsComponent = connect(null, mapDispatchToProps)( withStyles(styles)( ({ classes, project, onClick }: ProjectDetailsComponentProps) =>
{/* Missing attr */} {/* Missing attr */} {/**/} {project.description ? : '---' }
{ Object.keys(project.properties).map(k => { return ; }) }
));