src/components/details-panel-factory/items/project-item.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import IconBase, { IconTypes } from '../../icon/icon';
   7 import Attribute from '../../attribute/attribute';
   8 import AbstractItem from './abstract-item';
   9 import { ProjectResource } from '../../../models/project';
  10
  11 export default class ProjectItem extends AbstractItem<ProjectResource> {
  12
  13     getIcon(): IconTypes {
  14         return IconTypes.PROJECT;
  15     }
  16
  17     buildDetails(): React.ReactElement<any> {
  18         return <div>
  19             <Attribute label='Type' value='Project' />
  20             <Attribute label='Size' value='---' />
  21             <Attribute label="Location">
  22                 <IconBase icon={IconTypes.FOLDER} />
  23                 Projects
  24                 </Attribute>
  25             <Attribute label='Owner' value='me' />
  26             <Attribute label='Last modified' value='5:25 PM 5/23/2018' />
  27             <Attribute label='Created at' value='1:25 PM 5/23/2018' />
  28             <Attribute label='File size' value='1.4 GB' />
  29         </div>;
  30     }
  31 }