xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-06 21:17:07 -06:00
Code Issues Packages Projects Releases Wiki Activity

Pass markdown children properly, use key for LinkIcon

Browse Source
This commit is contained in:
Xevion
2022-12-25 23:40:54 -06:00
parent 283850d8b8
commit 6c8679eb43
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ItemCard.tsx
View File

@@ -26,6 +26,8 @@ const ItemCard = ({banner, bannerBlur, title, description, links, location}: Ite
setActive(false); setActive(false);
}) })
// TODO: Add mobile-only button when tapped showing button link for project page
return <div ref={itemRef} return <div ref={itemRef}
className={classNames("item", active ? "active" : null)} className={classNames("item", active ? "active" : null)}
onClick={() => { onClick={() => {
@@ -45,14 +47,14 @@ const ItemCard = ({banner, bannerBlur, title, description, links, location}: Ite
<div className="text-2xl sm:text-2xl md:text-3xl font-semibold">{title}</div> <div className="text-2xl sm:text-2xl md:text-3xl font-semibold">{title}</div>
<div className="mt-0 md:mt-1.5 text-xl sm:text-lg md:text-xl overflow-hidden "> <div className="mt-0 md:mt-1.5 text-xl sm:text-lg md:text-xl overflow-hidden ">
<ReactMarkdown children={description}/> <ReactMarkdown>{description}</ReactMarkdown>
</div> </div>
</Link> </Link>
{(links?.length ?? 0) > 0 ? {(links?.length ?? 0) > 0 ?
<div className="col-span-3 lg:col-span-4 w-full flex justify-end max-h-full md:py-5"> <div className="col-span-3 lg:col-span-4 w-full flex justify-end max-h-full md:py-5">
<div className="grid grid-cols-2 grid-rows-2 p-2 md:gap-3 aspect-square icon-grid"> <div className="grid grid-cols-2 grid-rows-2 p-2 md:gap-3 aspect-square icon-grid">
{links!.map(({icon, location, newTab}) => {links!.map(({icon, location, newTab}) =>
<Link href={location} target={(newTab ?? true) ? "_blank" : "_self"} <Link key={location} href={location} target={(newTab ?? true) ? "_blank" : "_self"}
onClick={stopPropagation}> onClick={stopPropagation}>
{LinkIcons[icon]!({})} {LinkIcons[icon]!({})}
</Link>)} </Link>)}