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

feat: experiment with spotlight

Browse Source
This commit is contained in:
iCrawl
2022-08-22 19:44:56 +02:00
parent ec7c6e3d3e
commit 24c128d649
3 changed files with 76 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/website/src/pages/docs/packages/[package]/index.tsx
View File

@@ -1,4 +1,4 @@
import { Container, UnstyledButton, createStyles, Group, ThemeIcon, Text, Stack, Box } from '@mantine/core';
import { Container, UnstyledButton, createStyles, Group, ThemeIcon, Text, Stack, Box, Title } from '@mantine/core';
import Link from 'next/link';
import type { GetStaticPaths, GetStaticProps } from 'next/types';
import { VscArrowRight, VscPackage } from 'react-icons/vsc';
@@ -66,13 +66,16 @@ export default function VersionsRoute(props: Partial<VersionProps> & { error?: s
) : (
<Container pt={96} size="xs">
<Stack sx={{ flexGrow: 1 }}>
<Title order={2} ml="xs">
Select a version:
</Title>
{props.data?.versions.map((version) => (
<Link key={version} href={`/docs/packages/${props.packageName!}/${version}`} passHref>
<UnstyledButton className={classes.control} component="a">
<Group position="apart">
<Group>
<ThemeIcon size={30}>
<VscPackage />
<VscPackage size={20} />
</ThemeIcon>
<Text weight={600} size="md">
{version}

9
packages/website/src/pages/docs/packages/index.tsx
View File

@@ -1,4 +1,4 @@
import { Container, UnstyledButton, createStyles, Group, ThemeIcon, Text, Stack } from '@mantine/core';
import { Container, UnstyledButton, createStyles, Group, ThemeIcon, Text, Stack, Title } from '@mantine/core';
import Link from 'next/link';
import { VscArrowRight, VscPackage } from 'react-icons/vsc';
@@ -21,13 +21,16 @@ export default function PackagesRoute() {
return (
<Container pt={96} size="xs">
<Stack sx={{ flexGrow: 1 }}>
<Title order={2} ml="xs">
Select a package:
</Title>
{packages.map((pkg) => (
<Link key={pkg} href={`/docs/packages/${pkg}/main`} passHref>
<Link key={pkg} href={`/docs/packages/${pkg}`} passHref>
<UnstyledButton className={classes.control} component="a">
<Group position="apart">
<Group>
<ThemeIcon size={30}>
<VscPackage />
<VscPackage size={20} />
</ThemeIcon>
<Text weight={600} size="md">
{pkg}