Use .ruleset prop in RulesTable

typescript-eslint · Mar 14, 2023 · 642031f · 642031f
1 parent 0eb7299
commit 642031f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/packages/eslint-plugin/docs/rules/README.md b/packages/eslint-plugin/docs/rules/README.md
@@ -13,11 +13,11 @@ See [Configs](/linting/configs) for how to enable recommended rules using config
 
 import RulesTable from "@site/src/components/RulesTable";
 
-<RulesTable />
+<RulesTable ruleset="supported-rules" />
 
 ## Extension Rules
 
 In some cases, ESLint provides a rule itself, but it doesn't support TypeScript syntax; either it crashes, or it ignores the syntax, or it falsely reports against it.
 In these cases, we create what we call an extension rule; a rule within our plugin that has the same functionality, but also supports TypeScript.
 
-<RulesTable extensionRules />
+<RulesTable ruleset="extension-rules" />
diff --git a/packages/website/src/components/RulesTable/index.tsx b/packages/website/src/components/RulesTable/index.tsx
@@ -119,15 +119,14 @@ function match(mode: FilterMode, value: boolean): boolean | undefined {
 }
 
 export default function RulesTable({
-  extensionRules,
+  ruleset,
 }: {
-  extensionRules?: boolean;
+  ruleset: 'extension-rules' | 'supported-rules';
 }): JSX.Element {
-  const [filters, changeFilter] = useRulesFilters(
-    extensionRules ? 'extension-rules' : 'supported-rules',
-  );
+  const [filters, changeFilter] = useRulesFilters(ruleset);
 
   const rules = useRulesMeta();
+  const extensionRules = ruleset === 'extension-rules';
   const relevantRules = useMemo(
     () =>
       rules