diff --git a/packages/website/src/components/DocContainer.tsx b/packages/website/src/components/DocContainer.tsx index 7ce0fa701..554eb055f 100644 --- a/packages/website/src/components/DocContainer.tsx +++ b/packages/website/src/components/DocContainer.tsx @@ -18,10 +18,20 @@ export interface DocContainerProps { summary?: ReturnType['summary']; children?: ReactNode; extendsTokens?: TokenDocumentation[] | null; + implementsTokens?: TokenDocumentation[][]; typeParams?: TypeParameterData[]; } -export function DocContainer({ name, kind, excerpt, summary, typeParams, children, extendsTokens }: DocContainerProps) { +export function DocContainer({ + name, + kind, + excerpt, + summary, + typeParams, + children, + extendsTokens, + implementsTokens, +}: DocContainerProps) { return (
@@ -43,13 +53,27 @@ export function DocContainer({ name, kind, excerpt, summary, typeParams, childre {extendsTokens?.length ? (
-

Extends:

+

Extends

{CodeListingSeparatorType.Type}

) : null} + {implementsTokens?.length ? ( +
+

Implements

+

{CodeListingSeparatorType.Type}

+

+ {implementsTokens.map((token, i) => ( + <> + + {i < implementsTokens.length - 1 ? ', ' : ''} + + ))} +

+
+ ) : null}
} title="Summary" className="dark:text-white"> {summary ? ( diff --git a/packages/website/src/components/HyperlinkedText.tsx b/packages/website/src/components/HyperlinkedText.tsx index 9116ed5fe..3bb7f2e4d 100644 --- a/packages/website/src/components/HyperlinkedText.tsx +++ b/packages/website/src/components/HyperlinkedText.tsx @@ -19,7 +19,7 @@ export function HyperlinkedText({ tokens }: HyperlinkedTextProps) { if (token.path) { return ( - {token.text} + {token.text} ); } diff --git a/packages/website/src/components/model/Class.tsx b/packages/website/src/components/model/Class.tsx index c55281fbb..62d74173d 100644 --- a/packages/website/src/components/model/Class.tsx +++ b/packages/website/src/components/model/Class.tsx @@ -15,6 +15,7 @@ export function Class({ data }: ClassProps) { summary={data.summary} typeParams={data.typeParameterData} extendsTokens={data.extendsTokens} + implementsTokens={data.implementsTokens} >