fix: <TaskListItem> rendering HTML tags in name

flsilva · Nov 17, 2023 · 4a9333e · 4a9333e
1 parent 694b352
commit 4a9333e
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/modules/app/tasks/TaskListItem.tsx b/src/modules/app/tasks/TaskListItem.tsx
@@ -41,7 +41,10 @@ export const TaskListItem = ({
       />
       <Link href={`/app/tasks/${id}`} className="flex grow text-left cursor">
         <div className="ml-3 block">
-          <p className={twJoin('text-sm text-gray-800', isCompleted && 'line-through')}>{name}</p>
+          <div
+            className={twJoin('text-sm text-gray-800', isCompleted && 'line-through')}
+            dangerouslySetInnerHTML={{ __html: sanitize(name) }}
+          />
           {description && (
             <div
               className="mt-2 block w-[20rem] overflow-hidden text-ellipsis whitespace-nowrap text-xs text-gray-400 md:w-[26rem] lg:w-[40rem]"