chore(website): put seperators between properties (#8576)

This commit is contained in:
Suneet Tipirneni
2022-09-02 11:20:57 -04:00
committed by GitHub
parent 8a91d7c256
commit 9b4116b659

View File

@@ -1,22 +1,25 @@
import type { ApiPropertyItemJSON } from '@discordjs/api-extractor-utils'; import type { ApiPropertyItemJSON } from '@discordjs/api-extractor-utils';
import { Stack } from '@mantine/core'; import { Divider, Stack } from '@mantine/core';
import { Fragment } from 'react';
import { CodeListing } from './CodeListing'; import { CodeListing } from './CodeListing';
export function PropertyList({ data }: { data: ApiPropertyItemJSON[] }) { export function PropertyList({ data }: { data: ApiPropertyItemJSON[] }) {
return ( return (
<Stack> <Stack>
{data.map((prop) => ( {data.map((prop) => (
<CodeListing <Fragment key={prop.name}>
key={prop.name} <CodeListing
name={prop.name} name={prop.name}
typeTokens={prop.propertyTypeTokens} typeTokens={prop.propertyTypeTokens}
readonly={prop.readonly} readonly={prop.readonly}
optional={prop.optional} optional={prop.optional}
summary={prop.summary} summary={prop.summary}
comment={prop.comment} comment={prop.comment}
deprecation={prop.deprecated} deprecation={prop.deprecated}
inheritanceData={prop.inheritanceData} inheritanceData={prop.inheritanceData}
/> />
<Divider size="md" />
</Fragment>
))} ))}
</Stack> </Stack>
); );