Update dependencies and escape HTML in ListItem component

Luen · Feb 20, 2024 · a421e97 · a421e97
1 parent 1d75d39
commit a421e97
Show file tree

Hide file tree

Showing 3 changed files with 1,899 additions and 1,560 deletions.
diff --git a/app/components/ListItem.tsx b/app/components/ListItem.tsx
@@ -1,4 +1,5 @@
 import Link from "next/link"
+import escape from "escape-html"
 
 type Props = {
     rogaine: Rogaine
@@ -9,7 +10,7 @@ export default function ListItem({ rogaine }: Props) {
 
     return (
         <li className="mt-4 text-2xl dark:text-white/90">
-            <Link className="underline hover:text-black/70 dark:hover:text-white" href={`/rogaines/${id}`}>{title}</Link>
+            <Link className="underline hover:text-black/70 dark:hover:text-white" href={`/rogaines/${escape(id)}`}>{title}</Link>
             <br />
             <p className="text-sm mt-1">{coordinates}</p>
         </li>