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

fix(guide): remove astro leftovers

Browse Source
This commit is contained in:
iCrawl
2023-04-15 23:36:43 +02:00
parent 188d5eea28
commit 0928c8f6ff
3 changed files with 13 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.lintstagedrc.json
View File

@@ -1,5 +1,5 @@
{ {
"*": "prettier --ignore-unknown --write", "*": "prettier --ignore-unknown --write",
"{src/**,__tests__/**}.{mjs,js,cjs,ts,tsx,astro}": "eslint --ext .mjs,.js,.cjs,.ts,.tsx --fix", "{src/**,__tests__/**}.{mjs,js,cjs,ts,tsx}": "eslint --ext .mjs,.js,.cjs,.ts,.tsx --fix",
"src/**.ts": "vitest related --run --config ../../vitest.config.ts" "src/**.ts": "vitest related --run --config ../../vitest.config.ts"
} }

2
.vscode/settings.json vendored
View File

@@ -1,6 +1,6 @@
{ {
"eslint.workingDirectories": [{ "pattern": "./apps/*" }, { "pattern": "./packages/*" }], "eslint.workingDirectories": [{ "pattern": "./apps/*" }, { "pattern": "./packages/*" }],
"eslint.validate": ["javascript", "javascriptreact", "astro", "typescript", "typescriptreact"], "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
"editor.defaultFormatter": "esbenp.prettier-vscode", "editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true, "editor.formatOnSave": true,
"editor.codeActionsOnSave": { "editor.codeActionsOnSave": {

25
apps/guide/src/components/Outline.tsx
View File

@@ -1,16 +1,13 @@
import type { MarkdownHeading } from 'astro'; import { useMemo, useState } from 'react';
import { useEffect, useMemo, useState } from 'react';
import { Scrollbars } from 'react-custom-scrollbars-2'; import { Scrollbars } from 'react-custom-scrollbars-2';
import { VscListSelection } from 'react-icons/vsc';
import { useLocation } from 'react-use';
const LINK_HEIGHT = 30; const LINK_HEIGHT = 30;
const INDICATOR_SIZE = 10; const INDICATOR_SIZE = 10;
const INDICATOR_OFFSET = (LINK_HEIGHT - INDICATOR_SIZE) / 2; const INDICATOR_OFFSET = (LINK_HEIGHT - INDICATOR_SIZE) / 2;
export function Outline({ headings }: { headings: MarkdownHeading[] }) { export function Outline({ headings }: { headings: any[] }) {
const state = useLocation(); // eslint-disable-next-line react/hook-use-state
const [active, setActive] = useState(0); const [active /* setActive */] = useState(0);
const headingItems = useMemo( const headingItems = useMemo(
() => () =>
@@ -32,12 +29,12 @@ export function Outline({ headings }: { headings: MarkdownHeading[] }) {
[headings, active], [headings, active],
); );
useEffect(() => { // useEffect(() => {
const idx = headings.findIndex((heading) => heading.slug === state.hash?.slice(1)); // const idx = headings.findIndex((heading) => heading.slug === state.hash?.slice(1));
if (idx >= 0) { // if (idx >= 0) {
setActive(idx); // setActive(idx);
} // }
}, [state, headings]); // }, [state, headings]);
return ( return (
<Scrollbars <Scrollbars
@@ -51,7 +48,7 @@ export function Outline({ headings }: { headings: MarkdownHeading[] }) {
> >
<div className="flex flex-col break-all p-3 pb-8"> <div className="flex flex-col break-all p-3 pb-8">
<div className="ml-2 mt-4 flex flex-row gap-2"> <div className="ml-2 mt-4 flex flex-row gap-2">
<VscListSelection size={25} /> {/* <VscListSelection size={25} /> */}
<span className="font-semibold">Contents</span> <span className="font-semibold">Contents</span>
</div> </div>
<div className="ml-2 mt-4 flex flex-col gap-2"> <div className="ml-2 mt-4 flex flex-col gap-2">