Open ctran14 opened 3 years ago
STATUS: BLOCKED - backend should return avatar links instead of names.
User story: As a user, it would be helpful to see a contributor's github avatar.
Deliverable: In the project card, the list of contributors should show GitHub avatar instead of initials.
Implementation instructions:
In projectCard.tsx file update the functiongetContributors to render avatar images, instead of letters: `const getContributors = (contributorList: Array) => { if (contributorList.length > 6) { contributorList = [...contributorList.slice(0, 6), "..."]; }
getContributors
return contributorList.map((contributor, i) => (
)); };`
Use this link to see an example - https://stackoverflow.com/questions/51184136/display-an-image-from-url-in-reactjs/51184238
STATUS: BLOCKED - backend should return avatar links instead of names.
User story: As a user, it would be helpful to see a contributor's github avatar.
Deliverable: In the project card, the list of contributors should show GitHub avatar instead of initials.
Implementation instructions:
In projectCard.tsx file update the function) => {
if (contributorList.length > 6) {
contributorList = [...contributorList.slice(0, 6), "..."];
}
getContributors
to render avatar images, instead of letters: `const getContributors = (contributorList: Arrayreturn contributorList.map((contributor, i) => (
)); };`
Use this link to see an example - https://stackoverflow.com/questions/51184136/display-an-image-from-url-in-reactjs/51184238