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

refactor(website): extract layouts and use more server components (#9027)

Browse Source 
Closes https://github.com/discordjs/discord.js/issues/8920
Closes https://github.com/discordjs/discord.js/issues/8997
This commit is contained in:
Suneet Tipirneni
2023-01-10 12:25:14 -05:00
committed by GitHub
parent 158db474b7
commit 39c4de2dbc
73 changed files with 1831 additions and 1476 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/src/lib/components/Section.tsx
View File

@@ -4,6 +4,7 @@ import type { PropsWithChildren } from 'react';
export interface SectionOptions {
background?: boolean | undefined;
className?: string;
defaultClosed?: boolean | undefined;
dense?: boolean | undefined;
gutter?: boolean | undefined;
@@ -21,11 +22,12 @@ export function Section({
background = false,
gutter = false,
children,
className,
}: PropsWithChildren<SectionOptions>) {
const disclosure = useDisclosureState({ defaultOpen: !defaultClosed });
return (
<div className="flex flex-col">
<div className={`flex flex-col ${className}`}>
<Disclosure
className="bg-light-600 hover:bg-light-700 active:bg-light-800 dark:bg-dark-600 dark:hover:bg-dark-500 dark:active:bg-dark-400 focus:ring-width-2 focus:ring-blurple rounded p-3 outline-0 focus:ring"
state={disclosure}