diff --git a/packages/website/src/components/CodeListing.tsx b/packages/website/src/components/CodeListing.tsx index 81cd50b46..b5c4b63c2 100644 --- a/packages/website/src/components/CodeListing.tsx +++ b/packages/website/src/components/CodeListing.tsx @@ -35,6 +35,11 @@ export function CodeListing({ return ( + {deprecation ? ( + + Deprecated + + ) : null} {readonly ? Readonly : null} {optional ? Optional : null} diff --git a/packages/website/src/components/MethodItem.tsx b/packages/website/src/components/MethodItem.tsx index 43a824340..6a4d52a37 100644 --- a/packages/website/src/components/MethodItem.tsx +++ b/packages/website/src/components/MethodItem.tsx @@ -30,6 +30,11 @@ export function MethodItem({ data }: { data: MethodResolvable }) { <Group> <Stack> <Group> + {data.deprecated ? ( + <Badge variant="filled" color="red"> + Deprecated + </Badge> + ) : null} {data.kind === 'Method' && method.visibility === Visibility.Protected ? ( <Badge variant="filled">Protected</Badge> ) : null} diff --git a/packages/website/src/components/tsdoc/BlockComment.tsx b/packages/website/src/components/tsdoc/BlockComment.tsx index a89a3bf3b..287329eeb 100644 --- a/packages/website/src/components/tsdoc/BlockComment.tsx +++ b/packages/website/src/components/tsdoc/BlockComment.tsx @@ -34,7 +34,7 @@ export function ExampleBlock({ children, exampleIndex }: ExampleBlockProps): JSX export function DeprecatedBlock({ children }: { children: ReactNode }): JSX.Element { return ( - <Alert icon={<VscWarning />} title="Deprecated" color="red" radius="xs"> + <Alert icon={<VscWarning />} title="Deprecated" variant="filled" color="red" radius="xs"> {children} </Alert> ); diff --git a/packages/website/src/components/tsdoc/TSDoc.tsx b/packages/website/src/components/tsdoc/TSDoc.tsx index 4df2beba7..da8a94dd2 100644 --- a/packages/website/src/components/tsdoc/TSDoc.tsx +++ b/packages/website/src/components/tsdoc/TSDoc.tsx @@ -104,7 +104,7 @@ export function TSDoc({ node }: { node: AnyDocNodeJSON }): JSX.Element { (block) => block.tag.tagName.toUpperCase() === StandardTags.example.tagNameWithUpperCase, ).length; - return <div key={idx}>{comment.customBlocks.map((node, idx) => createNode(node, idx))}</div>; + return <Box key={idx}>{comment.customBlocks.map((node, idx) => createNode(node, idx))}</Box>; } default: console.log(`Captured unknown node kind: ${node.kind}`);