HomePhabricator
Diffusion Comm 72421b12d303

[landing] implemented investor profile card component boilerplate

Description

[landing] implemented investor profile card component boilerplate

Summary:
Will not land until all diffs in the stack are accepted

Implemented boilerplate for investor profile card component. All investor profile cards will have a maximum of 2 lines for the description. If a card has more than two lines, then ellipses will be used.

Currently, the investor profile cards are not mobile-friendly, but will make separate diffs to address this.

Next diffs:

  1. Make investor profile cards mobile friendly
  2. Create Modal component for investor profile cards
  3. Populate investor cards with data

Linear Task: ENG-1953
Figma: Investor Page

Depends on D5302

Test Plan:
Please see attached screenshots to view how investor cards look visually:

Laptop View:

Screen Shot 2022-10-07 at 10.35.36 PM.png (1×3 px, 2 MB)

iPad View:

Screen Shot 2022-10-10 at 9.39.58 AM.png (1×3 px, 1 MB)

Screenshot to show that the ellipses are being generated whenever the description is too long (CoinFund Investor card component):

Screen Shot 2022-10-07 at 10.38.16 PM.png (2×3 px, 1 MB)

Reviewers: atul, abosh, rohan, ashoat

Reviewed By: atul, ashoat

Subscribers: ashoat, tomek, atul, abosh

Differential Revision: https://phab.comm.dev/D5328

Details

Provenance
ginsuAuthored on Oct 5 2022, 1:28 PM
Reviewer
atul
Differential Revision
D5328: [landing] implemented investor profile card component boilerplate
Parents
rCOMM3ac73f5ad31b: [landing] implemented investor page boilerplate
Branches
Unknown
Tags
Unknown