From d069e91566b23f1cb676c3e1ea81059b6009a43a Mon Sep 17 00:00:00 2001 From: Tijn Roozen Date: Mon, 21 Jul 2025 17:18:09 +0200 Subject: [PATCH 1/3] fix: icons maintainercard overflowing --- src/components/MaintainerCard.tsx | 146 +++++++++--------- .../$libraryId/$version.docs.contributors.tsx | 2 +- src/routes/_libraries/index.tsx | 2 +- 3 files changed, 77 insertions(+), 73 deletions(-) diff --git a/src/components/MaintainerCard.tsx b/src/components/MaintainerCard.tsx index f727f2869..da6b79366 100644 --- a/src/components/MaintainerCard.tsx +++ b/src/components/MaintainerCard.tsx @@ -113,6 +113,80 @@ function LibraryBadge({ library }: { library: Library }) { ) } +const MaintainerSocialIcons: Record< + keyof Maintainer['social'], + React.ReactNode +> = { + twitter: ( + + ), + bluesky: ( + + ), + website: ( + + ), + github: ( + + ), +} + +function MaintainerSocialLinks({ maintainer }: { maintainer: Maintainer }) { + const links = Object.entries({ + github: `https://github.com/${maintainer.github}`, + ...(maintainer.social || {}), + }).map(([key, value]) => { + const Icon = MaintainerSocialIcons[key as keyof Maintainer['social']] + return ( + e.stopPropagation()} + className="hover:text-gray-700 dark:hover:text-gray-200 transition-colors p-2 -mb-2 -ml-2 hover:grayscale-0 hover:scale-110" + > + {Icon} + + ) + }) + + return ( +
+ {links} +
+ ) +} + interface MaintainerCardProps { maintainer: Maintainer libraryId?: Library['id'] @@ -205,77 +279,7 @@ export function MaintainerCard({ maintainer, libraryId }: MaintainerCardProps) { )} )} -
- e.stopPropagation()} - > - - - {maintainer.social?.twitter && ( - e.stopPropagation()} - > - - - )} - {maintainer.social?.bluesky && ( - e.stopPropagation()} - > - - - )} - {maintainer.social?.website && ( - e.stopPropagation()} - > - - - )} -
+ ) diff --git a/src/routes/$libraryId/$version.docs.contributors.tsx b/src/routes/$libraryId/$version.docs.contributors.tsx index 40c2d1f56..4a3c1a965 100644 --- a/src/routes/$libraryId/$version.docs.contributors.tsx +++ b/src/routes/$libraryId/$version.docs.contributors.tsx @@ -31,7 +31,7 @@ function RouteComponent() { {library.name} Maintainers and Contributors
-
+
{libraryContributors.map((maintainer) => (

Core Maintainers

-
+
{coreMaintainers.map((maintainer) => ( ))} From f68a1d0cbbbb413489abca1dd80d68957f0a4371 Mon Sep 17 00:00:00 2001 From: Tijn Roozen Date: Tue, 22 Jul 2025 09:03:36 +0200 Subject: [PATCH 2/3] fix: set mobile cols-1 for maintainercard --- src/components/MaintainerCard.tsx | 2 +- src/routes/$libraryId/$version.docs.contributors.tsx | 2 +- src/routes/_libraries/index.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/MaintainerCard.tsx b/src/components/MaintainerCard.tsx index da6b79366..78604403b 100644 --- a/src/components/MaintainerCard.tsx +++ b/src/components/MaintainerCard.tsx @@ -181,7 +181,7 @@ function MaintainerSocialLinks({ maintainer }: { maintainer: Maintainer }) { }) return ( -
+
{links}
) diff --git a/src/routes/$libraryId/$version.docs.contributors.tsx b/src/routes/$libraryId/$version.docs.contributors.tsx index 4a3c1a965..40c2d1f56 100644 --- a/src/routes/$libraryId/$version.docs.contributors.tsx +++ b/src/routes/$libraryId/$version.docs.contributors.tsx @@ -31,7 +31,7 @@ function RouteComponent() { {library.name} Maintainers and Contributors
-
+
{libraryContributors.map((maintainer) => (

Core Maintainers

-
+
{coreMaintainers.map((maintainer) => ( ))} From 37e156b99427bf34215eb2dffcb5d19ecf2f358d Mon Sep 17 00:00:00 2001 From: Tijn Roozen Date: Tue, 22 Jul 2025 09:06:06 +0200 Subject: [PATCH 3/3] fix: small tweak to y gap of icons --- src/components/MaintainerCard.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/MaintainerCard.tsx b/src/components/MaintainerCard.tsx index 78604403b..ec995c36e 100644 --- a/src/components/MaintainerCard.tsx +++ b/src/components/MaintainerCard.tsx @@ -181,7 +181,7 @@ function MaintainerSocialLinks({ maintainer }: { maintainer: Maintainer }) { }) return ( -
+
{links}
)