diff --git a/src/components/ambassador/AmbassadorCard/index.js b/src/components/ambassador/AmbassadorCard/index.js index a48909971..62c6078e1 100644 --- a/src/components/ambassador/AmbassadorCard/index.js +++ b/src/components/ambassador/AmbassadorCard/index.js @@ -8,7 +8,6 @@ export default function AmbassadorCard({ data }) { - console.log(data) return ( @@ -19,7 +18,8 @@ export default function AmbassadorCard({
{data.name}
{data.title}
-
Ambassador
+
{data.location}
+
diff --git a/src/components/ambassador/AmbassadorCard/styles.module.css b/src/components/ambassador/AmbassadorCard/styles.module.css index d02c194c9..9ba4439ec 100644 --- a/src/components/ambassador/AmbassadorCard/styles.module.css +++ b/src/components/ambassador/AmbassadorCard/styles.module.css @@ -2,7 +2,7 @@ .card { position: relative; margin-top: 20px; - height: 300px; + height: 500px; /* max-width: 420px; */ /* UI Properties */ background: var(--dev-card-background); @@ -22,10 +22,10 @@ position: absolute; margin: 22px auto; text-align: center; - font-size: 16px; + font-size: 18px; font-weight: 500; width: 100%; - top: 116px; + top: 124px; left: 0; color: var(--dev-text-color-normal); } @@ -43,7 +43,7 @@ color: var(--dev-text-color-normal); } -.expertiseText { +.location { position: absolute; margin: 22px auto; text-align: center; @@ -51,7 +51,7 @@ font-weight: 500; width: 100%; letter-spacing: 2px; - top: 160px; + top: 141px; left: 0; color: var(--ifm-color-primary); padding: 30px; @@ -75,6 +75,19 @@ justify-content: center; display: flex; margin: auto; - height: 80px; - width: 80px; + height: 100px; + width: 100px; } + +.bio { + position: absolute; + margin: 22px auto; + text-align: center; + font-size: 16px; + font-weight: 500; + width: 100%; + top: 174px; + left: 0; + color: var(--ifm-color-primary); + padding: 30px; +} \ No newline at end of file diff --git a/src/components/ambassador/AmbassadorCards/index.js b/src/components/ambassador/AmbassadorCards/index.js index ce800609f..fd8c80e40 100644 --- a/src/components/ambassador/AmbassadorCards/index.js +++ b/src/components/ambassador/AmbassadorCards/index.js @@ -12,12 +12,15 @@ export default function AmbassadorCards({ const getPosts = async () => { const data = await getAmbassadors(expert); + const resultset = [] if (data.members) { + const memberDetails = await getAmbassadorDetails(data.members.map(item => item.id)) for (const member of data.members) { - resultset.push(await getMemberList(member)) + resultset.push(await getMemberList(member, memberDetails.users.filter(item => item.id === member.id)[0])) } setCardData(resultset); + } else { setCardData(undefined); } @@ -64,16 +67,16 @@ export default function AmbassadorCards({ } } -async function getMemberList(member) { - const details = await getAmbassadorDetails(member.username) +async function getMemberList(member, details) { + return { name: member.name, creatorImage: getavatarURL(member.avatar_template), title: member.title, bio: details.bio_excerpt, answers: details.accepted_answers, - views: details.profile_view_count, location: details.location, + website: details.website_name, link: 'https://developer.sailpoint.com/discuss/u/' + member.username + diff --git a/src/components/ambassador/AmbassadorCards/styles.module.css b/src/components/ambassador/AmbassadorCards/styles.module.css index 6b7195ad9..6314ea731 100644 --- a/src/components/ambassador/AmbassadorCards/styles.module.css +++ b/src/components/ambassador/AmbassadorCards/styles.module.css @@ -2,7 +2,7 @@ .gridContainer { display: grid; place-content: center; - grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-gap: 40px; margin-left: 40px; margin-right: 40px; diff --git a/src/services/DiscourseService.js b/src/services/DiscourseService.js index 97cf38557..feaddd3aa 100644 --- a/src/services/DiscourseService.js +++ b/src/services/DiscourseService.js @@ -30,7 +30,7 @@ export async function getAmbassadors(expert) { export async function getAmbassadorDetails(id) { try { const response = await fetch( - 'https://developer.sailpoint.com/discuss/u/' + id + '.json', + 'https://developer.sailpoint.com/discuss/user-cards.json?user_ids=' + id.join(','), ); return await response.json(); } catch (error) {