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

refactor: docs design (#8487)

Browse Source
This commit is contained in:
Noel
2022-08-15 14:48:00 +02:00
committed by GitHub
parent d09ef1e425
commit 4ab1d09997
44 changed files with 1533 additions and 1251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/website/src/components/Sections.tsx
View File

@@ -1,3 +1,4 @@
import { useMediaQuery } from '@mantine/hooks';
import { VscSymbolConstant, VscSymbolMethod, VscSymbolProperty } from 'react-icons/vsc';
import { MethodList } from './MethodList';
import { ParameterTable } from './ParameterTable';
@@ -6,37 +7,31 @@ import { Section } from './Section';
import type { DocInterface } from '~/DocModel/DocInterface';
import type { ParameterDocumentation } from '~/util/parse.server';
export interface PropertiesSectionProps {
data: ReturnType<DocInterface['toJSON']>['properties'];
}
export function PropertiesSection({ data }: { data: ReturnType<DocInterface['toJSON']>['properties'] }) {
const matches = useMediaQuery('(max-width: 768px)', true, { getInitialValueInEffect: false });
export function PropertiesSection({ data }: PropertiesSectionProps) {
return data.length ? (
<Section iconElement={<VscSymbolProperty />} title="Properties" className="dark:text-white">
<Section title="Properties" icon={<VscSymbolProperty />} padded dense={matches}>
<PropertyList data={data} />
</Section>
) : null;
}
export interface MethodsSectionProps {
data: ReturnType<DocInterface['toJSON']>['methods'];
}
export function MethodsSection({ data }: { data: ReturnType<DocInterface['toJSON']>['methods'] }) {
const matches = useMediaQuery('(max-width: 768px)', true, { getInitialValueInEffect: false });
export function MethodsSection({ data }: MethodsSectionProps) {
return data.length ? (
<Section iconElement={<VscSymbolMethod />} title="Methods" className="dark:text-white">
<Section title="Methods" icon={<VscSymbolMethod />} padded dense={matches}>
<MethodList data={data} />
</Section>
) : null;
}
export interface ParametersSectionProps {
data: ParameterDocumentation[];
}
export function ParametersSection({ data }: { data: ParameterDocumentation[] }) {
const matches = useMediaQuery('(max-width: 768px)', true, { getInitialValueInEffect: false });
export function ParametersSection({ data }: ParametersSectionProps) {
return data.length ? (
<Section iconElement={<VscSymbolConstant />} title="Parameters" className="dark:text-white">
<Section title="Parameters" icon={<VscSymbolConstant />} padded dense={matches}>
<ParameterTable data={data} />
</Section>
) : null;