diff --git a/src/components/link-card.tsx b/src/components/link-card.tsx index 01f03f9..15a26e7 100644 --- a/src/components/link-card.tsx +++ b/src/components/link-card.tsx @@ -1,21 +1,29 @@ -import { LinkMeta } from '../models/artifact-meta-models.ts'; -import { Avatar, Card, CardActionArea, CardContent, CardMedia, Link, Stack, Typography } from '@mui/material'; +import {LinkMeta} from '../models/artifact-meta-models.ts'; +import {Avatar, Card, CardActionArea, CardContent, CardMedia, Link, Stack, Typography} from '@mui/material'; -function LinkContent(props: { title: string; description: string; faviconSrc: string; domain: string }) { +/** + * Content of a link. + * @param title The title of the link. + * @param description The description of the link. + * @param faviconSrc The favicon of the link. + * @param domain The domain of the link. + * @constructor + */ +function LinkContent({title, description, faviconSrc, domain}: { title: string; description: string; faviconSrc: string; domain: string }) { return ( - {props.title} + {title} - {props.description} + {description} - {props.faviconSrc && } - {props.domain} + {faviconSrc && } + {domain} @@ -23,8 +31,8 @@ function LinkContent(props: { title: string; description: string; faviconSrc: st } /** - * Visual organization of a hyperlink. - * @param linkMeta The metadata of the hyperlink. + * Rich representation of a link. + * @param linkMeta The metadata of the link. * @constructor */ function LinkCard({ linkMeta }: { linkMeta: LinkMeta }) {