utubun/orange

PathwayCard component

Opened this issue · 3 comments

utubun commented

Objective

Implement PathwayCard component.

Proposed solution

It should:

  1. Render the header represented by the image / symbolical representation of the pathway;
  2. Include the tag(s) pathway;
  3. In the body section it should give a description of the pathway, including:
    3.1. The name of the pathway;
    3.2. Description of the pathway;
    3.3. Statistics: Number of modules, number of reactions, number of enzymes, number of compounds;
  4. In the footer element, it should have a KEGG pathway element. Plus the date when the pathway have been updated.
utubun commented

Run:

git fetch origin
git checkout 18-pathwaycard-component

After you finished, merge to next-dl branch.

utubun commented

To run storybook, in order to test your component:

npm run storybook
utubun commented

Think about the card design. Draw the card, attach here.