chore(website): use same more info mechanism for list with screenshot

This commit is contained in:
Elian Doran 2025-09-27 19:02:13 +03:00
parent b6088f488f
commit ffe30bed75
No known key found for this signature in database
2 changed files with 3 additions and 6 deletions

View File

@ -1,5 +1,5 @@
import { ComponentChildren, HTMLAttributes } from "preact";
import Button from "./Button";
import Button, { Link } from "./Button";
import Icon from "./Icon";
interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
@ -28,7 +28,7 @@ export default function Card({ title, children, imageUrl, iconSvg, className, mo
{moreInfoUrl && (
<div className="more-info-container">
<Button href={moreInfoUrl} className="more-info" text="More info" outline openExternally />
<Link href={moreInfoUrl} className="more-info" openExternally>More info</Link>
</div>
)}
</div>

View File

@ -211,12 +211,9 @@ function ListWithScreenshot({ items, horizontal, cardExtra }: {
title={item.title}
onMouseEnter={() => setSelectedItem(item)}
onClick={() => setSelectedItem(item)}
moreInfoUrl={item.moreInfo}
>
{item.description}
<div class="card-footer">
<Link href={selectedItem.moreInfo}>More info</Link>
</div>
</Card>
</li>
))}