@ied/mission

Mission

Install

yarn add @ied/mission

Add this to your index.html

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Use

import Mission from '@ied/mission'

<Mission
  label="Bookkeeping with Monthly VAT declaration"
  company={{ label: 'DEM-DK-TEST', action: console.log }}
  tag={{ label: 'Bookkeeping', action: console.log }}
  date={new Date()}
  lastUpdate={date}
  completed={{ done: 10, total: 30 }}
  actions={[{ icon: 'file_download', onClick: console.log }]}
/>
// or
<Mission
  label="Payroll with Monthly VAT declaration"
  date={new Date()}
  tag={{ label: 'Payroll', action: console.log }}
  information={{ tasks: 20, monthly: 2, events: 10 }}
  description="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos vel repellat quasi veritatis dolore, incidunt provident magnam possimus consequatur excepturi, facilis ducimus vero obcaecati saepe deleniti tempore nostrum mollitia cum."
/>

Types

type Props = {
  label: string,
  company?: { label: string, action: () => void },
  tag?: { label: string, action: () => void },
  description?: string,
  date: string | Date,
  lastUpdate?: string | Date,
  completed?: { done: number, total: number },
  information?: { tasks: number, monthly: number, events: number },
  locale?: 'en' | 'fr' | 'da' | 'de',
  actions?: { icon: string, onClick?: Event => void }[],
}