Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-11 09:03:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(website): redesign (#9286)

Browse Source
This commit is contained in:
Noel
2023-03-28 19:02:36 +02:00
committed by GitHub
parent d1ebe4a52c
commit 47da24ff5c
25 changed files with 64 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/website/src/components/model/Class.tsx
View File

@@ -22,7 +22,7 @@ export function Class({ clazz }: { clazz: ApiClass }) {
{clazz.typeParameters.length ? <TypeParameterSection item={clazz} /> : null}
{constructor ? <ConstructorSection item={constructor} /> : null}
<Members item={clazz} />
<Outline members={serializeMembers(clazz)} />
{/* <Outline members={serializeMembers(clazz)} /> */}
</Documentation>
);
}

2
apps/website/src/components/model/Interface.tsx
View File

@@ -14,7 +14,7 @@ export function Interface({ item }: { item: ApiInterface }) {
<HierarchyText item={item} type="Extends" />
{item.typeParameters.length ? <TypeParameterSection item={item} /> : null}
<Members item={item} />
<Outline members={serializeMembers(item)} />
{/* <Outline members={serializeMembers(item)} /> */}
</Documentation>
);
}

2
apps/website/src/components/model/Variable.tsx
View File

@@ -1,13 +1,11 @@
import type { ApiVariable } from '@microsoft/api-extractor-model';
import { Documentation } from '../documentation/Documentation';
import { ObjectHeader } from '../documentation/ObjectHeader';
import { SummarySection } from '../documentation/section/SummarySection';
export function Variable({ item }: { item: ApiVariable }) {
return (
<Documentation>
<ObjectHeader item={item} />
<SummarySection item={item} />
</Documentation>
);
}

2
apps/website/src/components/model/enum/Enum.tsx
View File

@@ -4,14 +4,12 @@ import { Panel } from '../../Panel';
import { Documentation } from '../../documentation/Documentation';
import { ObjectHeader } from '../../documentation/ObjectHeader';
import { DocumentationSection } from '../../documentation/section/DocumentationSection';
import { SummarySection } from '../../documentation/section/SummarySection';
import { EnumMember } from './EnumMember';
export function Enum({ item }: { item: ApiEnum }) {
return (
<Documentation>
<ObjectHeader item={item} />
<SummarySection item={item} />
<DocumentationSection icon={<VscSymbolEnum size={20} />} padded title="Members">
<div className="flex flex-col gap-4">
{item.members.map((member, idx) => (

8
apps/website/src/components/model/method/MethodHeader.tsx
View File

@@ -26,12 +26,11 @@ export function MethodHeader({ method }: { method: ApiMethod | ApiMethodSignatur
return (
<div className="scroll-mt-30 flex flex-col" id={key}>
<div className="flex flex-col gap-2 md:-ml-9 md:flex-row md:place-items-center">
<Anchor href={`#${key}`} />
<div className="flex flex-col gap-2 md:-ml-9">
{isDeprecated ||
(method.kind === ApiItemKind.Method && (method as ApiMethod).isProtected) ||
(method.kind === ApiItemKind.Method && (method as ApiMethod).isStatic) ? (
<div className="flex flex-row gap-1">
<div className="flex flex-row gap-1 md:ml-7">
{isDeprecated ? (
<div className="flex h-5 flex-row place-content-center place-items-center rounded-full bg-red-500 px-3 text-center text-xs font-semibold uppercase text-white">
Deprecated
@@ -49,7 +48,8 @@ export function MethodHeader({ method }: { method: ApiMethod | ApiMethodSignatur
) : null}
</div>
) : null}
<div className="flex flex-row flex-wrap gap-1">
<div className="flex flex-row flex-wrap place-items-center gap-1">
<Anchor href={`#${key}`} />
<h4 className="break-all font-mono text-lg font-bold">{getShorthandName(method)}</h4>
<h4 className="font-mono text-lg font-bold">:</h4>
<h4 className="break-all font-mono text-lg font-bold">