feat(website): add help pages to all note types / collections

This commit is contained in:
Elian Doran
2025-09-27 15:38:01 +03:00
parent ef2860770f
commit 60e8f46777
3 changed files with 49 additions and 14 deletions

View File

@@ -1,20 +1,31 @@
import { ComponentChildren } from "preact";
import Button from "./Button";
interface CardProps {
title: string;
imageUrl?: string;
className?: string;
moreInfoUrl?: string;
children: ComponentChildren;
}
export default function Card({ title, children, imageUrl, className }: CardProps) {
export default function Card({ title, children, imageUrl, className, moreInfoUrl }: CardProps) {
return (
<div className={`card ${className}`}>
{imageUrl && <img class="image" src={imageUrl} />}
<div className="card-content">
<h3>{title}</h3>
{children}
<div className="card-content-inner">
{children}
</div>
{moreInfoUrl && (
<div className="more-info-container">
<Button href={moreInfoUrl} className="more-info" text="More info" outline openExternally />
</div>
)}
</div>
</div>
)