Revert "lint: show how to use a lint rule" (#1334)

denoland · Jan 15, 2025 · 7b25701 · 7b25701
1 parent 5702877
commit 7b25701
Showing 1 changed file with 33 additions and 63 deletions.
diff --git a/_includes/lintRule.tsx b/_includes/lintRule.tsx
@@ -1,5 +1,3 @@
-import { getLintIcon } from "../lint/index.tsx";
-
 export const layout = "doc.tsx";
 
 const generateConfigFileForTag = (tag: string) => {
@@ -20,10 +18,6 @@ const generateConfigFileForTags = (tags: string[]) => {
 }`;
 };
 
-function isRecommended(tags: string[]): bool {
-  return tags.includes("recommended");
-}
-
 const generateCliForTag = (tag: string) => {
   return `deno lint --tags=${tag}`;
 };
@@ -32,70 +26,46 @@ const generateCliForTags = (tags: string[]) => {
   return tags.map((tag) => `deno lint --tags=${tag}`).join("\n# or ...\n");
 };
 
-function RuleUsage(props: { tags: string[] }) {
-  const tags = props.tags;
-
-  return (
-    <>
-      <h3>Usage:</h3>
-      {isRecommended(tags) &&
-        (
-          <div class="rounded-md p-4 bg-background-secondary text-sm mb-8 flex flex-col gap-1">
-            <div>
-              {getLintIcon("recommended")} This rule is part of the{" "}
-              <code>recommended</code> rule set and is enabled by default.
-            </div>
-          </div>
-        )}
-    </>
-  );
-}
-
 function LintRuleTags(props: { tags: string[] }) {
   const tags = props.tags;
   if (tags.length === 0) {
     return null;
   }
 
   return (
-    <>
-      <RuleUsage tags={tags} />
-
-      <div class="rounded-md p-4 bg-background-secondary text-sm mb-8 flex flex-col gap-1">
-        {tags.length === 1
-          ? (
-            <>
-              <div class="mb-4">
-                <b>NOTE:</b> this rule is part of the <code>{tags[0]}</code>
-                {" "}
-                rule set.
-              </div>
-              <div>
-                Enable full set in <code>deno.json</code>:
-              </div>
-              <pre>{generateConfigFileForTag(tags[0])}</pre>
-              <div>Enable full set using the Deno CLI:</div>
-              <pre class="!mb-0">{generateCliForTag(tags[0])}</pre>
-            </>
-          )
-          : (
-            <>
-              <div class="mb-4">
-                <span class="flex flex-wrap items-center gap-2">
-                  <b>NOTE:</b> this rule is included the following rule sets:
-                  {tags.map((tag) => <code>{tag}</code>)}
-                </span>
-              </div>
-              <div>
-                Enable full set in <code>deno.json</code>:
-              </div>
-              <pre>{generateConfigFileForTags(tags)}</pre>
-              <div>Enable full set using the Deno CLI:</div>
-              <pre class="!mb-0">{generateCliForTags(tags)}</pre>
-            </>
-          )}
-      </div>
-    </>
+    <div class="rounded-md p-4 bg-background-secondary text-sm mb-8 flex flex-col gap-1">
+      {tags.length === 1
+        ? (
+          <>
+            <div class="mb-4">
+              <b>NOTE:</b> this rule is part of the <code>{tags[0]}</code>{" "}
+              rule set.
+            </div>
+            <div>
+              Enable full set in <code>deno.json</code>:
+            </div>
+            <pre>{generateConfigFileForTag(tags[0])}</pre>
+            <div>Enable full set using the Deno CLI:</div>
+            <pre class="!mb-0">{generateCliForTag(tags[0])}</pre>
+          </>
+        )
+        : (
+          <>
+            <div class="mb-4">
+              <span class="flex flex-wrap items-center gap-2">
+                <b>NOTE:</b> this rule is included the following rule sets:
+                {tags.map((tag) => <code>{tag}</code>)}
+              </span>
+            </div>
+            <div>
+              Enable full set in <code>deno.json</code>:
+            </div>
+            <pre>{generateConfigFileForTags(tags)}</pre>
+            <div>Enable full set using the Deno CLI:</div>
+            <pre class="!mb-0">{generateCliForTags(tags)}</pre>
+          </>
+        )}
+    </div>
   );
 }