miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

feat(nx-dev): allow link-card components to take an image URL

Browse Source
This commit is contained in:
Juri 2025-02-05 14:09:41 +01:00 committed by Juri Strumpflohner
parent 781b300a51
commit 2f1b6f9f72
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
nx-dev/ui-markdoc/src/lib/tags/cards.component.tsx
View File

@ -117,7 +117,7 @@ export function LinkCard({
}: {
title: string;
type: string;
icon: string; // `icon` is the link to the SVG file
icon: string; // Can be either a component name or a direct image URL
url: string;
appearance?: 'default' | 'small';
}): JSX.Element {
@ -138,13 +138,20 @@ export function LinkCard({
}
)}
>
{icon &&
(frameworkIcons[icon as Framework]?.image ||
callIfFunction(nxDevIcons[icon as keyof typeof nxDevIcons]) ||
callIfFunction(
(heroIcons[icon as keyof typeof heroIcons] as any)?.render,
{ className: 'w-full h-full' }
))}
{icon.startsWith('/') ? (
<img
src={icon}
alt={title}
className="h-full w-full object-contain"
/>
) : (
frameworkIcons[icon as Framework]?.image ||
callIfFunction(nxDevIcons[icon as keyof typeof nxDevIcons]) ||
callIfFunction(
(heroIcons[icon as keyof typeof heroIcons] as any)?.render,
{ className: 'w-full h-full' }
)
)}
</div>
)}
<div