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

style(website): remove dynamic width check

Browse Source
This commit is contained in:
iCrawl
2023-04-15 04:43:23 +02:00
parent 2dddbe1f32
commit c87e826087
4 changed files with 3 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/website/src/components/Section.tsx
View File

@@ -2,15 +2,7 @@
import { Section as DJSSection, type SectionOptions } from '@discordjs/ui';
import type { PropsWithChildren } from 'react';
import { useMedia } from 'react-use';
// This is wrapper around the Section component from @discordjs/ui,
// it simply automatically sets the dense prop to true if the screen
// width is less than 768px. This is done to separate client-side logic
// from server-side rendering.
export function Section(options: PropsWithChildren<SectionOptions>) {
const matches = useMedia('(max-width: 768px)', true);
const modifiedOptions = { ...options, dense: matches };
return <DJSSection {...modifiedOptions} />;
return <DJSSection {...options} />;
}