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 {
  12
  13     constructor(item: ProjectResource) {
  14         super(item);
  15     }
  16
  17     getIcon(): IconTypes {
  18         return IconTypes.PROJECT;
  19     }
  20
  21     buildDetails(): React.ReactElement<any> {
  22         return <div>
  23             <Attribute label='Type' value='Project' />
  24             <Attribute label='Size' value='---' />
  25             <Attribute label="Location">
  26                 <IconBase icon={IconTypes.FOLDER} />
  27                 Projects
  28                 </Attribute>
  29             <Attribute label='Owner' value='me' />
  30             <Attribute label='Last modified' value='5:25 PM 5/23/2018' />
  31             <Attribute label='Created at' value='1:25 PM 5/23/2018' />
  32             <Attribute label='File size' value='1.4 GB' />
  33         </div>;
  34     }
  35 }