PayRunListItem

Used to represent an item in a list of PayRuns.

Done

7 January 2019

2 employees - Gross $123.00

Payrun Submitted 7 January 2020

Error

7 January 2019

2 employees - Gross $123.00

Payrun Submitted 7 January 2020

7 January 2019

2 employees - Gross $123.00

Payrun Submitted 7 January 2020

7 January 2019

2 employees - Gross $123.00

Payrun Submitted 7 January 2020

Draft

7 January 2019

2 employees - Gross $123.00

Payrun Submitted 7 January 2020

<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="DONE"
  tertiaryText="Payrun Submitted 7 January 2020"
  isFirst
/>
<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="ERROR"
  tertiaryText="Payrun Submitted 7 January 2020"
/>
<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="PENDING"
  tertiaryText="Payrun Submitted 7 January 2020"
/>
<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="-"
  tertiaryText="Payrun Submitted 7 January 2020"
  isArrowHidden
/>
<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="DRAFT"
  tertiaryText="Payrun Submitted 7 January 2020"
  isLast
/>

<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="DONE"
  tertiaryText="Payrun Submitted 7 January 2020"
  isFirst
/>
<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="ERROR"
  tertiaryText="Payrun Submitted 7 January 2020"
/>
<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="PENDING"
  tertiaryText="Payrun Submitted 7 January 2020"
/>
<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="-"
  tertiaryText="Payrun Submitted 7 January 2020"
  isArrowHidden
/>
<PayRunListItem
  onPress={() => console.log('hello')}
  primaryDate="2019-01-07"
  secondaryText="2 employees - Gross $123.00"
  status="DRAFT"
  tertiaryText="Payrun Submitted 7 January 2020"
  isLast
/>

Props

isArrowHidden

bool

isFirst

bool

isLast

bool

onPress

func

required

primaryDate

Class(Date)

required

secondaryText

string

required

status

"ACCEPTED" │ "DONE" │ "DRAFT" │ "ERROR" │ "PENDING" │ "PAID" │ "REJECTED" │ "READYTOSUBMIT" │ "SUCCESS" │ "-"

tertiaryText

string

testID

string