Skip to content

feat: enhance ambassador card social media buttons #5110

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
yashdarekar17 wants to merge 19 commits into from
Closed

feat: enhance ambassador card social media buttons #5110

Changes from 11 commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
a368d89
added social media logo instead of text
yashdarekar17 Feb 8, 2026
b05ada8
Merge branch 'master' into yashdarekar
asyncapi-bot Feb 8, 2026
15b639c
fixed linting issue
yashdarekar17 Feb 8, 2026
d8a5063
fixed linting issue
yashdarekar17 Feb 8, 2026
5a1fd37
fixed linting issue3
yashdarekar17 Feb 8, 2026
4984ea4
fixed linting issue
yashdarekar17 Feb 8, 2026
fd36f95
fixed linting issue
yashdarekar17 Feb 8, 2026
5269193
fixed linting issue
yashdarekar17 Feb 8, 2026
dfd65ee
fixed linting issue4
yashdarekar17 Feb 8, 2026
f6981d9
fixed linting issue4
yashdarekar17 Feb 8, 2026
77b8faa
fixed linting issue4
yashdarekar17 Feb 8, 2026
dd1214b
fixed linting issue4
yashdarekar17 Feb 8, 2026
2e7bf8c
fixed linting issue4
yashdarekar17 Feb 8, 2026
2a7c4a5
fixed lint error
yashdarekar17 Feb 8, 2026
21c45af
fixed lint error
yashdarekar17 Feb 8, 2026
dc2e896
lint error fixed
yashdarekar17 Feb 8, 2026
0b67095
lint error fixed
yashdarekar17 Feb 8, 2026
88a3588
lint error fixed
yashdarekar17 Feb 8, 2026
77032b2
fixed critical errors by coderabitai
yashdarekar17 Feb 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 26 additions & 16 deletions pages/community/ambassadors/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,9 @@ import type { Ambassador } from '@/types/pages/community/Community';
import { HeadingTypeStyle } from '@/types/typography/Heading';

import Button from '../../../components/buttons/Button';
import IconGithub from '../../../components/icons/Github';
import IconLinkedIn from '../../../components/icons/LinkedIn';
import IconTwitter from '../../../components/icons/Twitter';
import GenericLayout from '../../../components/layout/GenericLayout';
import NewsletterSubscribe from '../../../components/NewsletterSubscribe';
import Heading from '../../../components/typography/Heading';
Expand Down Expand Up @@ -85,8 +88,8 @@ export default function Index() {
<div className='mt-10 text-center lg:w-[55%]' data-testid='Ambassadors-contributions'>
<Heading typeStyle={HeadingTypeStyle.lg}>AsyncAPI Ambassador Contributions</Heading>
<Heading typeStyle={HeadingTypeStyle.bodyLg} textColor='text-gray-700' className='mt-5 text-slate-500'>
AsyncAPI Ambassadors are passionate about APIs and AsyncAPI. They share their interest, expertise, and
excitement within their communities to help others build better software.
AsyncAPI Ambassadors are passionate about APIs and AsyncAPI. They share their interest, expertise,
and excitement within their communities to help others build better software.
</Heading>
</div>
</div>
Expand Down Expand Up @@ -123,11 +126,8 @@ export default function Index() {
<div data-testid='Ambassadors-members-country'>{ambassador.country}</div>
</div>
<Link href={`ambassadors/${ambassador.github}`} as={`ambassadors/${ambassador.github}`}>
<div className='p-2'>
<div
className='h-auto w-full cursor-pointer rounded-md bg-center'
data-testid='Ambassadors-members-img'
>
<div className='p-2 cursor-pointer'>
<div className='h-auto w-full rounded-md bg-center' data-testid='Ambassadors-members-img'>
<img
src={ambassador.img}
alt={ambassador.name}
Expand All @@ -140,21 +140,31 @@ export default function Index() {
</div>
<div className='flex h-full flex-col justify-between'>
<div className='p-2 text-sm'>{ambassador.bio}</div>
<div className='flex border-t p-2' data-testid='Ambassadors-members-socials'>
<div className='flex border-t p-2 gap-4' data-testid='Ambassadors-members-socials'>
<a
href={ambassador.twitterUrl}
target='_blank'
rel='noreferrer'
className='underline'
className='text-gray-500 hover:text-black transition-colors'
data-testid='Ambassadors-members-twitter'
>
Twitter ↗
<IconTwitter className='h-5 w-5 fill-current' />
</a>
<a href={ambassador.githubUrl} target='_blank' rel='noreferrer' className='ml-3 underline'>
Github ↗
<a
href={ambassador.githubUrl}
target='_blank'
rel='noreferrer'
className='text-gray-500 hover:text-black transition-colors'
>
<IconGithub className='h-5 w-5 fill-current' />
</a>
<a href={ambassador.linkedinUrl} target='_blank' rel='noreferrer' className='ml-3 underline'>
Linkedin ↗
<a
href={ambassador.linkedinUrl}
target='_blank'
rel='noreferrer'
className='text-gray-500 hover:text-[#0077b5] transition-colors'
>
<IconLinkedIn className='h-5 w-5 fill-current' />
</a>
</div>
</div>
Expand All @@ -167,8 +177,8 @@ export default function Index() {
<div className='mt-10 text-center lg:w-[55%]' data-testid='Events-token'>
<Heading typeStyle={HeadingTypeStyle.lg}>Tokens of our appreciation</Heading>
<Heading typeStyle={HeadingTypeStyle.bodyLg} textColor='text-gray-700' className='mt-5 text-slate-500'>
We appreciate your commitment and passion for sharing your knowledge with your communities. Let us support
you!
We appreciate your commitment and passion for sharing your knowledge with your communities.
Let us support you!
</Heading>
</div>
</div>
Expand Down
Loading