BillCard Component

[Th1nkK1D]

View Figma file

Depended on

• 21

  Can do other parts of the component first if the issue is not closed yet

Starting point

• Create a new component with yarn gen:component
• Can develop the component in Histoire with yarn story:dev
• Add the following props:
  • orientation: 'landscape' | 'portrait' default = 'landscape'
  • nickname: string
  • title: string (ชื่อทางการ)
  • proposedBy: { avatar: string, name: string, description: string }
  • proposedOn: Date
  • status: BillStatus defined in src/models/bill.ts
  • currentState: string | undefined
  • daySinceProposed: number
  • billUrl: string
• Don't forget to write Histoire's story.
  • Mock data according to Figma. Use placeholder image from https://placehold.co. Use # for billUrl for now.
  • Put both orientations in different Hst.Variant in grid layout (see doc)
  • Add shared control for all the props (except orientation) (see doc)

[takeshikriang]

Hi there, can I work on this one?

[takeshikriang]

@Th1nkK1D It looks like the card is clickable. Can we click on the entire card or just a specific part of it?

[Th1nkK1D]

@Th1nkK1D It looks like the card is clickable. Can we click on the entire card or just a specific part of it?

The entire card can be clicked, that why the hover state changes the color of the whole card ;)

[Th1nkK1D]

Merged #32