From 3fb034fbfdce04523b7588c4daf9386ea04fcc66 Mon Sep 17 00:00:00 2001
From: Priyankar Pal <88102392+priyankarpal@users.noreply.github.com>
Date: Thu, 10 Oct 2024 19:59:22 +0530
Subject: [PATCH] Fix code scanning alert no. 6: DOM text reinterpreted as HTML

Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com>
Signed-off-by: Priyankar Pal  <88102392+priyankarpal@users.noreply.github.com>
---
 src/plays/personal-profile-card/components/profile-form.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/plays/personal-profile-card/components/profile-form.tsx b/src/plays/personal-profile-card/components/profile-form.tsx
index 80d58d52b8..167fc21749 100644
--- a/src/plays/personal-profile-card/components/profile-form.tsx
+++ b/src/plays/personal-profile-card/components/profile-form.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import DOMPurify from 'dompurify';
 
 import ProfileType from '../types';
 import placeholder_cover from '../images/placeholder_cover.jpg';
@@ -27,7 +28,7 @@ const ProfileForm = ({ value, profile, onChange, onClick, onUpload, onClear }: P
         <img
           alt={value.cover === '' ? 'placeholder cover' : 'cover'}
           className="w-full md:w-[600px] h-[150px] sm:h-[200px] rounded-3xl"
-          src={value.cover === '' ? placeholder_cover : value.cover}
+          src={value.cover === '' ? placeholder_cover : DOMPurify.sanitize(value.cover)}
         />
         <input
           accept="image/*"