Skip to content

Commit 1dc9c0e

Browse files
committed
Ensure ts-to-jsdoc stays prominent
1 parent d7c7e72 commit 1dc9c0e

File tree

1 file changed

+22
-21
lines changed

1 file changed

+22
-21
lines changed

src/App.jsx

Lines changed: 22 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,12 @@ import { useDebounce } from "react-use";
33
import Editor from "@monaco-editor/react";
44
import { dependencies, devDependencies } from "../package.json";
55

6+
// Get all dependencies except ts-to-jsdoc (which highlighted).
7+
const otherDependencies = Object.keys({
8+
...dependencies,
9+
...devDependencies,
10+
}).filter((dependency) => dependency !== "ts-to-jsdoc");
11+
612
// =============================
713
// Constants
814
// =============================
@@ -72,27 +78,22 @@ function App() {
7278
<div>Made possible by the following dependencies: </div>
7379

7480
<nav className="flex gap-x-3 gap-y-1 flex-wrap">
75-
{Object.keys({ ...dependencies, ...devDependencies }).map(
76-
(dependency) => {
77-
return (
78-
<Fragment key={dependency}>
79-
{" "}
80-
{dependency === "ts-to-jsdoc" ? (
81-
<a
82-
href={`https://www.npmjs.com/package/${dependency}`}
83-
className="text-orange-400 hover:text-orange-500 focus:text-orange-500"
84-
>
85-
{dependency}
86-
</a>
87-
) : (
88-
<a href={`https://www.npmjs.com/package/${dependency}`}>
89-
{dependency}
90-
</a>
91-
)}
92-
</Fragment>
93-
);
94-
}
95-
)}
81+
<a
82+
href={`https://www.npmjs.com/package/ts-to-jsdoc`}
83+
className="text-orange-400 hover:text-orange-500 focus:text-orange-500"
84+
>
85+
ts-to-jsdoc
86+
</a>
87+
{otherDependencies.map((dependency) => {
88+
return (
89+
<Fragment key={dependency}>
90+
{" "}
91+
<a href={`https://www.npmjs.com/package/${dependency}`}>
92+
{dependency}
93+
</a>
94+
</Fragment>
95+
);
96+
})}
9697
</nav>
9798

9899
<div className="pt-8">

0 commit comments

Comments
 (0)